*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}@keyframes spin{to{transform:rotate(360deg)}}.signup-page{background:#fff;min-height:100vh;display:flex}.signup-panel{background:#0c0c1d;flex-shrink:0;width:420px;display:none;position:relative;overflow:hidden}.signup-panel:before{content:"";background:radial-gradient(at 20%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(at 80% 80%,rgba(124,58,237,.1) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.panel-inner{z-index:1;flex-direction:column;height:100%;padding:2.5rem;display:flex;position:relative}.panel-logo{color:#fff;letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.panel-center{flex-direction:column;flex:1;justify-content:center;display:flex}.panel-title{color:#fff;letter-spacing:-.025em;margin-bottom:.875rem;font-size:1.625rem;font-weight:700;line-height:1.25}.panel-subtitle{color:rgba(255,255,255,.6);max-width:340px;font-size:.9375rem;line-height:1.6}.panel-features{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.panel-feature{color:rgba(255,255,255,.75);align-items:center;gap:.625rem;font-size:.875rem;display:flex}.panel-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem}.panel-quote{color:rgba(255,255,255,.5);font-size:.875rem;font-style:italic;line-height:1.6}.panel-cite{color:rgba(255,255,255,.35);margin-top:.375rem;font-size:.8125rem}.signup-main{flex:1;justify-content:center;align-items:flex-start;padding:3rem 1.5rem 2rem;display:flex}.form-wrap{width:100%;max-width:380px}.mobile-brand{text-align:center;margin-bottom:2rem}.mobile-logo-link{color:#111827;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.form-title{color:#111827;letter-spacing:-.025em;margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.form-subtitle{color:#6b7280;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.5}.form-subtitle strong{color:#111827}.verify-icon{margin-bottom:1.25rem}.error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.625rem .875rem;font-size:.8125rem}.info-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1rem;padding:.625rem .875rem;font-size:.8125rem}.google-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;width:100%;height:44px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.google-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px rgba(0,0,0,.06)}.or-divider{align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.or-line{background:#e5e7eb;flex:1;height:1px}.or-text{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.input-label{color:#374151;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.text-input{color:#111827;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:44px;margin-bottom:.875rem;padding:0 .875rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.text-input::placeholder{color:#9ca3af}.text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08)}.primary-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;width:100%;height:44px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s}.primary-btn:hover{background:#1f2937}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.hint{color:#9ca3af;text-align:center;margin-top:.875rem;font-size:.8125rem}.code-row{justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.code-input{text-align:center;color:#111827;caret-color:#6366f1;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:48px;height:56px;font-family:inherit;font-size:1.375rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.code-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08)}.code-input.filled{background:#faf5ff;border-color:#6366f1}.verifying-text{text-align:center;color:#6366f1;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.email-open-row{justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.email-open-btn{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.email-open-btn:hover{background:#f3f4f6;border-color:#d1d5db}.resend-row{justify-content:center;align-items:center;gap:.375rem;margin-top:.75rem;display:flex}.cooldown{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:.8125rem}.link-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600}.link-btn:hover{text-decoration:underline}.secondary-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:40px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s}.secondary-btn:hover{background:#f9fafb}.divider{background:#e5e7eb;border:none;height:1px;margin:1.5rem 0}.footer-links{color:#6b7280;flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-top:1.5rem;font-size:.8125rem;display:flex}.footer-links a{color:#6366f1;font-weight:500;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links .dot{color:#d1d5db}.promo-banner{color:#4c1d95;text-align:center;background:linear-gradient(135deg,#ede9fe 0%,#e0e7ff 100%);border:1px solid #c4b5fd;border-radius:10px;margin-bottom:1.25rem;padding:10px 16px;font-size:.8125rem;font-weight:500}.promo-banner strong{letter-spacing:.04em;font-family:monospace;font-weight:700}@media (min-width:900px){.signup-panel{display:flex}.mobile-brand{display:none}.signup-main{align-items:center;padding:3rem}}@media (max-width:480px){.signup-main{padding:1.5rem 1.25rem}.form-title{font-size:1.375rem}.code-input{width:42px;height:50px;font-size:1.25rem}.code-row{gap:.375rem}}