.register-page{background:var(--bg-primary);min-height:100vh;font-family:var(--font-body);color:var(--text-primary);flex-direction:row;display:flex}.register-brand{padding:var(--space-3xl) var(--space-2xl);color:#f5f0eb;background:linear-gradient(135deg,#1c1917 0%,#292524 50%,#3d3632 100%);flex-direction:column;flex:0 0 45%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.register-brand:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#d4654a14 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.register-brand-content{z-index:1;text-align:center;max-width:400px;position:relative}.register-brand-logo{font-family:var(--font-heading);font-size:2.25rem;font-weight:var(--weight-bold);margin-bottom:var(--space-md);letter-spacing:-.02em}.register-brand-tagline{font-size:var(--text-body-lg);color:#c4baa8;margin-bottom:var(--space-2xl);line-height:var(--leading-relaxed)}.register-brand-features{margin:0 0 var(--space-2xl) 0;text-align:left;padding:0;list-style:none}.register-brand-features li{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-body);color:#c4baa8;display:flex}.register-brand-features li i{color:var(--accent-primary);text-align:center;flex-shrink:0;width:20px}.register-brand-links{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.register-brand-links a{color:var(--accent-primary);font-size:var(--text-small);font-weight:var(--weight-medium);transition:color var(--duration-normal) var(--ease-smooth);text-decoration:none}.register-brand-links a:hover{color:var(--accent-secondary)}.register-auth{padding:var(--space-2xl);background:var(--bg-primary);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.register-auth-inner{width:100%;max-width:440px}.register-theme-toggle{top:var(--space-lg);right:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);box-shadow:var(--neu-raised-sm);transition:background var(--duration-normal) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:absolute}.register-theme-toggle:hover{color:var(--accent-primary)}.register-step{display:none}.register-step.active{display:block}.register-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--weight-bold);margin:0 0 var(--space-xs) 0;letter-spacing:-.02em}.register-subtitle{color:var(--text-secondary);font-size:var(--text-body);margin:0 0 var(--space-xl) 0;line-height:var(--leading-normal)}.register-form-group{margin-bottom:var(--space-md)}.register-form-row{gap:var(--space-md);display:flex}.register-form-group--half{flex:1}.register-label{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:.01em;margin-bottom:6px;display:block}.register-optional{font-weight:var(--weight-normal);color:var(--text-tertiary);font-size:var(--text-xs)}.register-input{width:100%;font-size:var(--text-body);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--neu-inset);transition:border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);box-sizing:border-box;padding:12px 14px}.register-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .15);outline:none}.register-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B6560' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.register-form-group--dob{flex:3;min-width:0}.register-form-group--gender{flex:2;min-width:0}.register-dob-row{gap:6px;display:flex}.register-dob-select{min-width:0;font-size:var(--text-small);background-position:right 6px center;padding:12px 24px 12px 8px}.custom-select{flex:1;min-width:0;position:relative}.custom-select-trigger{width:100%;font-size:var(--text-small);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--neu-inset);cursor:pointer;text-align:left;appearance:none;box-sizing:border-box;transition:border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B6560' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;padding:12px 24px 12px 8px}.custom-select-trigger:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .15);outline:none}.custom-select-trigger.placeholder{color:var(--text-tertiary)}.custom-select-dropdown{z-index:100;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overscroll-behavior:contain;max-height:200px;display:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.custom-select-dropdown.open{display:block}.custom-select-dropdown.drop-up{margin-bottom:4px;bottom:100%}.custom-select-dropdown.drop-down{margin-top:4px;top:100%}.custom-select-option{font-size:var(--text-small);cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth);padding:8px 10px}.custom-select-option:hover{background:rgba(var(--accent-primary-rgb), .12)}.custom-select-option.selected{color:var(--accent-primary);font-weight:var(--weight-semibold)}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:0 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.register-otp-input{text-align:center;font-size:1.5rem;font-weight:var(--weight-bold);letter-spacing:.3em;font-family:monospace}.register-password-field{position:relative}.register-password-field .register-input{padding-right:44px}.register-password-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register-password-toggle:hover{color:var(--text-secondary)}.register-email-status{font-size:var(--text-xs);min-height:18px;margin-top:4px}.register-email-status.available{color:var(--accent-success)}.register-email-status.taken{color:var(--accent-primary)}.register-error{background:rgba(var(--accent-primary-rgb), .08);border:1px solid rgba(var(--accent-primary-rgb), .2);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:var(--text-small);color:var(--accent-primary);padding:10px 14px;display:none}.register-error.active{display:block}.register-submit{width:100%;font-size:var(--text-body);font-weight:var(--weight-semibold);font-family:var(--font-body);color:#fff;background:var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--neu-btn);transition:background var(--duration-normal) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);margin-top:var(--space-md);border:none;padding:14px}.register-submit:hover{background:#c45a42;transform:translateY(-1px)}.register-submit:active{box-shadow:var(--neu-btn-pressed);transform:translateY(0)}.register-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-otp-actions{margin-top:var(--space-md);justify-content:space-between;align-items:center;display:flex}.register-link{color:var(--accent-primary);font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;font-family:var(--font-body);transition:color var(--duration-normal) var(--ease-smooth);background:0 0;border:none;padding:4px 0}.register-link:hover{color:var(--accent-secondary)}.register-help-text{color:var(--text-muted,#667085);margin-top:.4rem;font-size:.8rem;line-height:1.4}.register-modal-open{overflow:hidden}.register-passkey-modal-backdrop{z-index:var(--z-modal-backdrop,1000);padding:var(--space-lg);background:#1c19179e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.register-passkey-modal-backdrop[hidden]{display:none}.register-passkey-modal{width:min(100%,420px);padding:var(--space-xl);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);box-shadow:0 24px 70px #00000047}.register-passkey-modal:focus{outline:none}.register-passkey-modal-icon{width:44px;height:44px;margin-bottom:var(--space-md);border-radius:var(--radius-full);color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .12);justify-content:center;align-items:center;display:flex}.register-passkey-modal h2{margin:0 0 var(--space-sm);font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--weight-bold);letter-spacing:0}.register-passkey-modal p{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-relaxed);margin:0}.register-passkey-modal-actions{gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.register-modal-secondary,.register-modal-primary{border-radius:var(--radius-sm);min-height:42px;font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);padding:10px 14px}.register-modal-secondary{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color)}.register-modal-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.register-modal-primary{color:#fff;background:var(--accent-primary);border:1px solid var(--accent-primary)}.register-modal-primary:hover{background:#c45a42;border-color:#c45a42}.register-modal-secondary:focus-visible,.register-modal-primary:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .2);outline:none}.register-footer{text-align:center;margin-top:var(--space-xl);font-size:var(--text-small);color:var(--text-secondary)}.register-footer a{color:var(--accent-primary);font-weight:var(--weight-medium);margin-left:4px;text-decoration:none}.register-footer a:hover{color:var(--accent-secondary)}@media (max-width:900px){.register-page{flex-direction:column}.register-brand{padding:var(--space-2xl) var(--space-lg);flex:none}.register-brand-features{display:none}.register-auth{padding:var(--space-xl) var(--space-lg)}}@media (max-width:480px){.register-form-row{flex-direction:column;gap:0}.register-auth-inner{max-width:100%}.register-passkey-modal{padding:var(--space-lg)}.register-passkey-modal-actions{flex-direction:column}.register-modal-secondary,.register-modal-primary{width:100%}}.register-divider{text-align:center;color:var(--text-secondary,#888);align-items:center;margin:18px 0 14px;font-size:13px;display:flex}.register-divider:before,.register-divider:after{content:"";border-bottom:1px solid var(--border-color,#e0e0e0);flex:1}.register-divider span{padding:0 12px}.register-google-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,box-shadow .15s,border-color .15s;display:flex}.register-google-btn:hover{background:#f8f9fa;border-color:#c8cdd3;box-shadow:0 1px 2px #3c40434d}.register-google-btn:active{background:#f1f3f4}.register-google-btn:focus-visible{outline-offset:2px;outline:2px solid #4285f4}.register-google-btn svg{flex-shrink:0}:root.dark .register-google-btn{color:#e8eaed;background:#1f1f1f;border-color:#5f6368}:root.dark .register-google-btn:hover{background:#2d2d2d;border-color:#80868b}:root.dark .register-google-btn:active{background:#3c3c3c}:root.dark .register-divider{color:var(--text-secondary,#aaa)}:root.dark .register-divider:before,:root.dark .register-divider:after{border-bottom-color:var(--border-color,#3a3a3a)}