:root{color-scheme:dark}
*{box-sizing:border-box}
.signup-body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(255,45,129,.2),transparent 34%),radial-gradient(circle at 90% 25%,rgba(126,55,255,.17),transparent 28%),#05060a;color:#fff;font-family:Inter,system-ui,sans-serif}
.signup-page{min-height:100vh;padding:max(22px,env(safe-area-inset-top)) 18px max(30px,env(safe-area-inset-bottom));display:grid;place-items:center;position:relative}
.signup-back{position:fixed;top:max(20px,env(safe-area-inset-top));left:20px;width:44px;height:44px;border:1px solid #2b2938;border-radius:50%;display:grid;place-items:center;background:#11111a;color:#fff;text-decoration:none;font-size:24px;z-index:2}
.signup-card{width:min(100%,700px);padding:34px;border:1px solid #292637;border-radius:30px;background:rgba(11,11,17,.92);box-shadow:0 28px 90px rgba(0,0,0,.45)}
.signup-wordmark{width:124px;display:block;margin-bottom:24px}
.signup-kicker,.step-label{color:#ff4b9a;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.signup-card h1{margin:9px 0 10px;font-size:clamp(30px,6vw,50px);line-height:1}
.signup-intro{margin:0 0 28px;color:#aaa6b9;line-height:1.55}
.signup-progress{height:5px;background:#1b1924;border-radius:20px;overflow:hidden;margin-bottom:28px}
.signup-progress span{display:block;height:100%;width:33.333%;border-radius:inherit;background:linear-gradient(90deg,#ff6a3d,#ff2d81,#a44dff);transition:width .3s ease}
.signup-step{display:none}
.signup-step.active{display:block;animation:signup-in .28s ease}
.signup-step h2{margin:8px 0 22px;font-size:25px}
.signup-form label{display:grid;gap:8px;color:#ddd9e8;font-size:13px;font-weight:700}
.signup-form input,.signup-form textarea{width:100%;border:1px solid #302d40;border-radius:14px;background:#12121b;color:#fff;padding:14px 15px;font:inherit;outline:none}
.signup-form input:focus,.signup-form textarea:focus{border-color:#ff3d91;box-shadow:0 0 0 3px rgba(255,61,145,.12)}
.signup-form textarea{min-height:100px;resize:vertical}
.signup-form small{color:#777387;font-weight:500}
.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.signup-grid .wide{grid-column:1/-1}
.username-field{display:flex;align-items:center;border:1px solid #302d40;border-radius:14px;background:#12121b;padding-left:14px}
.username-field i{color:#777387;font-style:normal}
.username-field input{border:0;background:transparent;padding-left:4px;box-shadow:none!important}
fieldset{border:0;padding:0;margin:0 0 25px}
legend{margin-bottom:12px;font-weight:800}
.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.choice-grid label{display:block}
.choice-grid input{position:absolute;opacity:0;pointer-events:none}
.choice-grid span{min-height:46px;padding:11px 8px;border:1px solid #302d40;border-radius:13px;background:#12121b;display:grid;place-items:center;text-align:center;color:#aaa6b9;font-size:12px;transition:.18s ease}
.choice-grid input:checked+span{border-color:#ff3d91;background:rgba(255,45,129,.15);color:#fff;box-shadow:0 0 20px rgba(255,45,129,.12)}
.terms-row{grid-template-columns:auto 1fr!important;align-items:center!important;font-weight:500!important;line-height:1.4}
.terms-row input{width:20px;height:20px;accent-color:#ff2d81}
.signup-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
.signup-actions button{min-width:130px;border:1px solid #353145;border-radius:14px;padding:14px 20px;background:#15141e;color:#fff;font-weight:800;cursor:pointer}
.signup-actions button:last-child{border:0;background:linear-gradient(135deg,#ff7139,#ff2d81 55%,#b145ef)}
.signup-message{min-height:22px;margin:18px 0 0;color:#aaa6b9;font-size:13px}
.signup-message.error{color:#ff6b83}.signup-message.success{color:#5ce6b2}
.signup-signin{text-align:center;color:#827e90;font-size:13px;margin:25px 0 0}.signup-signin a{color:#ff4b9a}
@keyframes signup-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:600px){.signup-page{padding:76px 12px 20px;display:block}.signup-card{padding:25px 18px;border-radius:24px}.signup-grid{grid-template-columns:1fr}.signup-grid .wide{grid-column:auto}.choice-grid{grid-template-columns:1fr 1fr}.signup-actions button{flex:1;min-width:0}}
.signup-oauth-note{
    margin:0 0 18px;
    color:#a9a5b5;
    font-size:14px;
    line-height:1.5;
}

.signup-oauth-note[hidden],
.signup-password-field[hidden]{
    display:none;
}