:root{--primary:#171717;--on-primary:#fff;--canvas:#fff;--canvas-soft:#fafafa;--ink:#171717;--body:#4d4d4d;--mute:#888;--hairline:#ebebeb;--hairline-strong:#a1a1a1;--link:#0070f3;--error:#e00;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius-sm:6px;--radius-lg:12px;--radius-pill:100px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--canvas-soft);color:var(--ink);font-family:var(--font-sans);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.container{background-color:var(--canvas);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:0 0 0 1px var(--hairline), 0 2px 2px #0000000a, 0 8px 16px -4px #0000000a;padding:48px}.container.error-state{box-shadow:0 0 0 1px var(--error), 0 2px 2px #ee00000a, 0 8px 16px -4px #ee00000a}.eyebrow{font-family:var(--font-mono);color:var(--mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px}h2{letter-spacing:-.96px;margin-bottom:24px;font-size:24px;font-weight:600;line-height:32px}h2.error-text{color:var(--error)}.subtitle{color:var(--body);letter-spacing:-.28px;margin-top:-16px;margin-bottom:24px;font-size:14px}p{color:var(--body);font-size:14px;line-height:20px}.input-group{margin-bottom:20px}label{color:var(--ink);margin-bottom:10px;font-size:14px;font-weight:500;display:block}input[type=email],input[type=password],input[type=text],input[type=tel]{background-color:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-sm);width:100%;height:44px;font-family:var(--font-sans);color:var(--ink);padding:0 16px;font-size:14px;transition:border-color .15s}input:focus{border-color:var(--hairline-strong);outline:none}.phone-input-wrapper{gap:8px;display:flex}.select-container{flex-shrink:0;width:100px;position:relative}.country-select{background-color:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--radius-sm);width:100%;height:44px;font-family:var(--font-sans);color:var(--ink);appearance:none;cursor:pointer;padding:0 28px 0 12px;font-size:14px}.country-select:focus{border-color:var(--hairline-strong);outline:none}.dropdown-icon{pointer-events:none;color:var(--mute);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.otp-input{letter-spacing:4px;text-align:center;font-family:var(--font-mono)!important;font-size:16px!important}a{color:var(--link);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}.center-link{text-align:center;margin-top:20px;font-size:14px;display:block}.back-link{color:var(--body);justify-content:center;align-items:center;gap:6px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--ink)}button{cursor:pointer;font-family:var(--font-sans);transition:background-color .15s,border-color .15s}button[type=submit]{background-color:var(--primary);width:100%;height:48px;color:var(--on-primary);border-radius:var(--radius-pill);border:none;margin-top:12px;font-size:16px;font-weight:500}button[type=submit]:hover{background-color:#000}.social-btn{background-color:var(--canvas);width:100%;height:44px;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.social-btn:hover{background-color:var(--canvas-soft)}.social-btn svg{width:18px;height:18px}.divider{text-align:center;margin:28px 0;position:relative}.divider:before{content:"";background-color:var(--hairline);z-index:1;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{z-index:2;background-color:var(--canvas);color:var(--hairline-strong);font-family:var(--font-mono);padding:0 12px;font-size:12px;position:relative}.status-message{font-size:14px;font-family:var(--font-mono);text-align:center;margin-top:20px}