:root{color-scheme:dark;--auth-gold:#d8b94f;--auth-gold-hover:#e3c65c;--auth-blue:#1d4f7a;--auth-blue-hover:#245f91;--auth-blue-border:#3f78a8;--auth-blue-focus:#69a6d7;--auth-panel:#101824;--auth-input:#080d15;--auth-border:#2c384a;--auth-muted:#929fb2}
*{box-sizing:border-box}
body{margin:0;background:#05070b;color:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.signup-shell{width:min(620px,calc(100% - 28px));margin:0 auto;padding:38px 0 76px}
.signup-hero{text-align:center;margin:8px 0 24px}
.signup-eyebrow{margin:0 0 8px;color:var(--auth-gold);font-size:11px;font-weight:900;letter-spacing:.17em}
.signup-hero h1{margin:0;font-size:clamp(2rem,7vw,2.65rem);line-height:1.12}
.signup-hero p:last-child{max-width:520px;margin:10px auto 0;color:var(--auth-muted);font-size:14px;line-height:1.55}
.signup-card{padding:26px;border:1px solid var(--auth-border);border-radius:16px;background:linear-gradient(180deg,#111a27,#0a1019);box-shadow:0 22px 58px rgba(0,0,0,.34)}
.signup-form{display:grid;gap:18px}
.signup-form label{display:grid;gap:7px;color:#d2d9e3;font-size:13px;font-weight:800}
.signup-form input,.signup-form select{width:100%;min-height:48px;padding:0 14px;border:1px solid #344155;border-radius:10px;background:var(--auth-input);color:#fff;font:inherit;font-size:16px;transition:border-color .16s ease,background .16s ease}
.signup-form input:hover,.signup-form select:hover{border-color:#46566d}
.signup-form input:focus,.signup-form select:focus{outline:none;border-color:var(--auth-gold);box-shadow:0 0 0 3px rgba(216,185,79,.11)}
.signup-form small{color:#7f8da0;font-size:11px;line-height:1.5}
.password-wrap{position:relative}
.password-wrap input{padding-right:55px}
.password-toggle{position:absolute;top:4px;right:4px;width:40px;height:40px;border:1px solid transparent;border-radius:8px;background:#172130;color:#b6c1cf;cursor:pointer}
.password-toggle:hover,.password-toggle:focus-visible{border-color:#45556d;color:#fff;outline:none}
.two-column{display:grid;gap:16px}
.signup-error{margin:0;padding:11px 12px;border:1px solid rgba(239,68,68,.4);border-radius:11px;background:rgba(239,68,68,.1);color:#ff9999;font-size:13px;line-height:1.5}
.signup-submit{min-height:48px;border:1px solid var(--auth-blue-border);border-radius:10px;background:var(--auth-blue);color:#fff;font:inherit;font-weight:900;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.signup-submit:hover,.signup-submit:focus-visible{background:var(--auth-blue-hover);border-color:var(--auth-blue-focus);outline:none}
.signup-submit:disabled{opacity:.55;cursor:wait}
.login-link{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#98a4b5;font-size:13px;text-align:center}
.login-link button{width:100%;min-height:48px;border:1px solid var(--auth-gold);border-radius:10px;background:var(--auth-gold);color:#15120a;font:inherit;font-weight:900;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.login-link button:hover,.login-link button:focus-visible{background:var(--auth-gold-hover);border-color:var(--auth-gold-hover);outline:none}
.signup-toast{position:fixed;left:50%;bottom:24px;z-index:21000;transform:translateX(-50%);width:min(420px,calc(100% - 28px));padding:13px 16px;border:1px solid rgba(34,197,94,.5);border-radius:12px;background:#121b27;color:#fff;text-align:center;font-weight:850;box-shadow:0 18px 48px rgba(0,0,0,.5)}
html[dir="rtl"] .password-wrap input{padding-right:14px;padding-left:55px}
html[dir="rtl"] .password-toggle{right:auto;left:5px}
@media(min-width:700px){
  .signup-shell{padding-top:48px}
  .signup-card{padding:30px}
  .two-column{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
  .signup-shell{width:min(100% - 24px,620px);padding:28px 0 calc(52px + env(safe-area-inset-bottom))}
  .signup-hero{margin-bottom:20px}
  .signup-card{padding:20px 16px;border-radius:16px}
  .signup-form{gap:17px}
}

.field-help{display:block;margin-top:-2px;color:#8290a3;font-size:.73rem;font-weight:600;line-height:1.35}
html[dir="rtl"] .field-help{text-align:right}