.signup-wrapper{background:#0a0a0a;justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.signup-card{text-align:center;background:#111;border-radius:1rem;width:100%;max-width:400px;padding:2.5rem}.signup-logo{opacity:.9;margin:0 auto 1rem}.signup-card h2{color:#fff;margin-bottom:1.8rem;font-family:Poppins,system-ui,sans-serif;font-size:1.3rem;font-weight:600;line-height:1.2}.signup-form{flex-direction:column;gap:1rem;display:flex}.signup-field{width:100%}.signup-field input{color:#fff;background:#1a1a1a;border:1px solid #222;border-radius:.6rem;outline:none;width:100%;height:46px;padding:0 1rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;transition:border-color .15s}.signup-field input::placeholder{color:#7a7a7a}.signup-field input:focus{border-color:#7c3aed}.username-field{background:#1a1a1a;border:1px solid #222;border-radius:.6rem;grid-template-columns:auto 1fr;align-items:center;height:46px;display:grid}.username-prefix{color:#3ab4ed;white-space:nowrap;padding-left:1rem;font-size:.9rem}.username-field input{color:#fff;background:0 0;border:none;outline:none;height:100%;padding:0 1rem;font-size:.95rem}.signup-check{color:#b3b3b3;text-align:left;align-items:flex-start;gap:.5rem;font-size:.88rem;line-height:1.3;display:flex}.signup-check input{flex-shrink:0;width:16px;height:16px;margin-top:3px}.signup-check-text a{color:#7c3aed;text-decoration:none}.signup-check-text a:hover{text-decoration:underline}.signup-button-wrapper{margin-top:.5rem}.signup-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.6rem;width:100%;height:46px;font-weight:600;transition:background .15s,transform 20ms}.signup-button:hover{background:#9d65ff}.signup-button:active{transform:translateY(1px)}.signup-alt{color:#aaa;margin-top:.6rem;font-size:.9rem}.signup-alt a{color:#7c3aed;text-decoration:none}.signup-alt a:hover{text-decoration:underline}@media (max-width:480px){.signup-card{border-radius:.8rem;padding:2rem 1.5rem}.signup-card h2{font-size:1.2rem}.signup-field input{height:42px;font-size:.9rem}.username-field{height:42px}.signup-button{height:42px;font-size:.9rem}}.signup-info{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:1rem}.signup-error{color:#ef4444;text-align:center;margin-top:.5rem;font-size:.9rem}.password-strength-wrapper{justify-content:space-between;align-items:center;width:100%;margin-top:6px;display:flex}.password-strength-bar{flex:1;justify-content:space-between;align-items:center;gap:4px;height:6px;margin-right:10px;display:flex}.password-strength-bar div{background:#222;border-radius:6px;flex:1;height:6px;transition:background .3s}.password-strength-bar.weak div:nth-child(-n+2){background:#ef4444}.password-strength-bar.medium div:nth-child(-n+3){background:#facc15}.password-strength-bar.strong div{background:#22c55e}.password-strength-label{text-align:right;white-space:nowrap;flex-shrink:0;min-width:60px;font-size:.85rem}.password-strength-label.weak{color:#ef4444}.password-strength-label.medium{color:#facc15}.password-strength-label.strong{color:#22c55e}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:40px}.toggle-password{color:#aaa;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:10px}.toggle-password:hover{color:#fff}.password-match-error{color:#ef4444;margin-top:4px;font-size:.8rem}.signup-error{color:#ef4444;margin-top:4px;font-size:.85rem}