.auth-body,.onboard-body{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(255,49,95,.08),transparent 32%),#0e080b}
.auth-shell{max-width:480px;margin:0 auto;padding:60px 18px}.auth-brand{display:flex;justify-content:center;gap:8px;margin-bottom:20px;color:#fff;text-decoration:none;font-size:23px;font-weight:900}.auth-brand span{color:#ff4f7f}
.auth-card{padding:28px;border:1px solid rgba(255,121,158,.16);border-radius:24px;background:linear-gradient(180deg,#211219,#150c11);box-shadow:0 24px 70px rgba(0,0,0,.24)}.auth-card h1{font-size:35px;margin:6px 0}.auth-lead,.auth-foot{color:var(--muted);line-height:1.5}.auth-card form{display:grid;gap:13px;margin-top:20px}.auth-card label:not(.auth-check),.onboard-step label:not(.auth-check){display:grid;gap:7px;color:#e9d7df;font-size:12px;font-weight:700}.auth-card input,.onboard-step input,.onboard-step select,.onboard-step textarea{width:100%;box-sizing:border-box;border:1px solid #4d2939;background:#10080c;color:#fff;border-radius:12px;padding:11px;font:inherit}.auth-check{display:flex!important;gap:8px!important;align-items:flex-start!important;color:#dcc9d1;font-size:12px}.auth-check input{width:auto!important;margin-top:2px}.auth-check a,.auth-foot a{color:#ff9ab6}.auth-success{display:grid;gap:6px;padding:14px;border-radius:14px;background:#183525;color:#c9f4d6}.auth-success span{font-size:12px;line-height:1.45}
.onboard-page{max-width:900px;margin:0 auto;padding:28px 20px 70px}.onboard-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.onboard-top .auth-brand{margin:0;justify-content:flex-start}.onboard-progress{width:min(360px,50%);color:var(--muted);font-size:10px}.onboard-progress>div{height:7px;border-radius:999px;background:#301722;overflow:hidden;margin-top:7px}.onboard-progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#ff315f,#ff779f);transition:.2s}
.onboard-step{display:none;padding:28px;border:1px solid rgba(255,121,158,.15);border-radius:24px;background:linear-gradient(180deg,#211219,#150c11)}.onboard-step.active{display:block}.onboard-step h1{font-size:39px;margin:5px 0 7px}.onboard-step>p{color:var(--muted);margin:0 0 22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid .full{grid-column:1/-1}
.photo-onboard{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;margin-bottom:20px}.photo-preview{width:170px;height:210px;border-radius:18px;display:grid;place-items:center;background:#2a1520;color:#ff759c;font-size:45px;overflow:hidden;border:1px solid #5a2e40}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-onboard small{display:block;color:var(--muted);margin-top:7px}
.onboard-rules{display:grid;gap:8px;margin:20px 0;padding:14px;border-radius:15px;background:#180e13;color:#e2d0d8}.verify-after{margin-top:20px;padding:13px;border-radius:13px;background:#2b1722;color:#e2d0d8}.verify-after b{color:#ff9ab6}
.onboard-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:17px;background:rgba(20,11,15,.94);position:sticky;bottom:10px;backdrop-filter:blur(10px)}.onboard-actions .status{flex:1;text-align:center}
@media(max-width:650px){.auth-shell{padding:28px 12px}.onboard-page{padding:18px 12px 55px}.onboard-top{align-items:flex-start;flex-direction:column}.onboard-progress{width:100%}.onboard-step{padding:20px}.onboard-step h1{font-size:31px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.photo-onboard{grid-template-columns:1fr}.photo-preview{width:100%;max-width:260px}.onboard-actions{flex-wrap:wrap}.onboard-actions .status{order:-1;flex-basis:100%}}