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