.signup-page{color:#f7f7f7;background:#050506;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.signup-backdrop{filter:saturate(.65);background:linear-gradient(90deg,#020305fa 0%,#030406d6 44%,#03040661 100%),linear-gradient(#0000 50%,#050506 100%),url(/hero-echoes.png) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1.02)}.signup-backdrop:after{content:"";background:radial-gradient(circle at 72% 34%,#0000 0 12%,#0000005c 56%,#000000c7 100%);position:absolute;inset:0}.signup-header,.signup-footer,.signup-stage{z-index:1;position:relative}.signup-header{justify-content:space-between;align-items:center;height:94px;padding:0 clamp(24px,6vw,92px);display:flex}.signup-logo{color:#f3f3f3;letter-spacing:-2px;font-size:31px;font-weight:900;line-height:.75;text-decoration:none;display:grid}.signup-logo span{color:#df142b}.signup-logo small{letter-spacing:2.5px;color:#8b8b91;margin-top:8px;font-size:7px}.signup-back{color:#c9c9cd;letter-spacing:.2px;font-size:13px;text-decoration:none;transition:all .2s}.signup-back:hover{color:#fff}.signup-stage{align-items:center;padding:30px clamp(24px,9vw,140px) 54px;display:flex}.signup-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0b0b0ee8;border:1px solid #ffffff1f;border-radius:22px;width:min(100%,480px);padding:34px 38px 30px;box-shadow:0 32px 90px #0000008c}.stepper{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:27px;display:grid}.stepper span{background:#38383d;border-radius:5px;height:3px}.stepper span.active{background:#e11932}.signup-kicker{color:#e5263d;letter-spacing:2.2px;margin:0 0 10px;font-size:10px;font-weight:800}.signup-card h1{letter-spacing:-1.2px;margin:0 0 10px;font-size:32px}.signup-intro{color:#aaaab1;margin:0 0 22px;font-size:14px;line-height:1.6}.signup-intro strong{color:#f1f1f3}.field-label{color:#d7d7da;margin:15px 0 7px;font-size:11px;font-weight:700;display:block}.signup-card input:not([type=checkbox]){color:#fff;width:100%;height:46px;font:inherit;background:#17171b;border:1px solid #36363d;border-radius:9px;outline:none;padding:0 13px;font-size:14px;transition:all .2s}.signup-card input:not([type=checkbox])::placeholder{color:#6e6e75}.signup-card input:not([type=checkbox]):focus{border-color:#e4263d;box-shadow:0 0 0 3px #e4263d1f}.signup-card input.invalid{border-color:#f04455}.field-error,.verify-error{color:#ff6676;margin:6px 0 0;font-size:11px}.password-wrap{position:relative}.password-wrap input{padding-right:60px!important}.password-wrap button{color:#aaaab1;cursor:pointer;background:0 0;border:0;padding:8px;font-size:11px;font-weight:700;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.strength{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px;display:grid}.strength i{background:#34343a;border-radius:3px;height:3px}.strength-1 i:nth-child(-n+1),.strength-2 i:nth-child(-n+2){background:#e64b40}.strength-3 i:nth-child(-n+3){background:#e39131}.strength-4 i:nth-child(-n+4){background:#c7bc36}.strength-5 i:nth-child(-n+5){background:#45b979}.requirements{grid-template-columns:1fr 1fr;gap:4px 12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.requirements li{color:#6e6e75;font-size:10px}.requirements li:before{content:"○";margin-right:5px}.requirements li.met{color:#81c99d}.requirements li.met:before{content:"✓"}.terms-row{color:#9d9da4;cursor:pointer;align-items:flex-start;gap:10px;margin:18px 0 0;font-size:11px;line-height:1.5;display:flex}.terms-row input{accent-color:#e11932;margin-top:2px}.terms-row a,.signin-note a{color:#efefef}.signup-submit{color:#fff;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ef2940,#c90d25);border:0;border-radius:24px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:20px;font-size:12px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 9px 28px #d9122c45}.signup-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.signup-submit:disabled{opacity:.55;cursor:not-allowed}.signin-note{text-align:center;color:#77777f;margin:14px 0 0;font-size:11px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verify-form,.success-state{text-align:center;padding:4px 0 8px}.mail-mark{color:#ff3850;background:#e119321f;border:1px solid #e1193259;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 19px;font-size:22px;display:grid}.otp-row{grid-template-columns:repeat(6,1fr);gap:9px;margin:26px 0 12px;display:grid}.signup-card .otp-row input{text-align:center;border-radius:11px;height:56px;padding:0;font-size:23px;font-weight:800}.verify-error{text-align:center}.preview-code{color:#85858d;background:#16161a;border:1px dashed #494950;border-radius:9px;justify-content:space-between;align-items:center;margin:14px 0 2px;padding:10px 13px;font-size:10px;display:flex}.preview-code strong{color:#fff;letter-spacing:3px;font-size:14px}.verify-actions{justify-content:center;gap:18px;margin-top:17px;display:flex}.verify-actions button{color:#b7b7bd;cursor:pointer;background:0 0;border:0;font-size:11px;text-decoration:underline}.verify-actions button:disabled{color:#5c5c62;cursor:not-allowed;text-decoration:none}.success-icon{color:#fff;background:#e11932;border-radius:50%;place-items:center;width:66px;height:66px;margin:8px auto 24px;font-size:31px;display:grid;box-shadow:0 0 0 10px #e119321a}.link-button{text-decoration:none}.signup-footer{color:#606068;align-items:center;gap:22px;min-height:55px;padding:0 clamp(24px,6vw,92px);font-size:9px;display:flex}.signup-footer a{color:#7c7c83;text-decoration:none}.signup-footer span{margin-right:auto}@media (max-width:700px){.signup-page{overflow:auto}.signup-backdrop{opacity:.75;background-position:64%}.signup-header{height:74px;padding:0 20px}.signup-logo{font-size:25px}.signup-back{font-size:11px}.signup-stage{align-items:flex-start;padding:14px 14px 34px}.signup-card{border-radius:18px;padding:28px 22px 25px}.signup-card h1{font-size:27px}.requirements{grid-template-columns:1fr}.otp-row{gap:6px}.signup-card .otp-row input{height:49px;font-size:20px}.signup-footer{flex-wrap:wrap;justify-content:center;gap:12px;padding:14px 20px}.signup-footer span{text-align:center;width:100%;margin:0}}
