.overlay-view{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px;background:radial-gradient(circle at 10% 20%,#0e4d5366,transparent 35%),radial-gradient(circle at 90% 10%,#704a2738,transparent 35%),linear-gradient(135deg,#071c22,#0c2428 55%,#07161c)}
.overlay-card{position:relative;width:min(420px,100%);margin:auto;border:1px solid var(--line);background:linear-gradient(150deg,#173338dd,#0d2529dd);border-radius:20px;padding:36px 32px 32px;box-shadow:0 25px 70px #000a}
.overlay-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid var(--line);background:#ffffff08;border-radius:50%;color:#c9d6d1;font-size:19px;line-height:1;display:grid;place-items:center}
.overlay-close:hover{background:#ffffff16;color:#fff}
.overlay-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid #d8b45c60;border-radius:14px;color:var(--gold);font-size:26px;margin-bottom:16px;background:#dfbd7312}
.overlay-card h1{font:34px/1.1 Georgia,serif;margin:0 0 6px}
.overlay-sub{color:#a9bbb6;font-size:14px;margin:0 0 22px}
.social-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:#fff;color:#1f1f1f;border-radius:11px;padding:12px;font-size:14px;font-weight:600;box-shadow:0 6px 18px #0003}
.social-button:hover{background:#f4f4f4}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#8ea9a1;font-size:12px}
.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:var(--line)}
.name-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.password-strength{margin-top:-6px}
.password-strength-bar{height:4px;border-radius:3px;background:#ffffff14;overflow:hidden}
.password-strength-bar>span{display:block;height:100%;width:0;border-radius:3px;background:var(--danger);transition:width .2s,background .2s}
.password-strength small{display:block;margin-top:6px;font-size:12px;color:#9eb2ad}
.auth-tabs{display:flex;gap:4px;margin-bottom:20px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#00000022}
.auth-tabs button{flex:1;border:0;background:transparent;color:#9eb2ad;padding:9px;border-radius:8px;font-size:13px;font-weight:600;transition:background .15s,color .15s}
.auth-tabs button:hover{color:#e7efec}
.auth-tabs button.active{background:var(--gold);color:#102424}
.auth-form{display:grid;gap:16px;min-width:0}
.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#9eb2ad;min-width:0}
.auth-form input{width:100%;min-width:0;box-sizing:border-box;height:44px;border:1px solid var(--line);border-radius:10px;background:#081c1f;padding:0 13px;color:#fff;font-size:14px;transition:border-color .15s,background .15s}
.auth-form input::placeholder{color:#5c7570}
.auth-form input:hover{border-color:#d9c28d45}
.auth-form input:focus-visible{outline:none;border-color:var(--gold);background:#0a2124;box-shadow:0 0 0 3px #dfbd7326}
.auth-form input[type=number]{-moz-appearance:textfield}
.auth-form input[type=number]::-webkit-inner-spin-button,.auth-form input[type=number]::-webkit-outer-spin-button{margin:0}
.auth-form .hero-button{justify-content:center;gap:8px;width:100%;margin:2px 0 0;font-size:15px}
.auth-error{color:var(--danger);font-size:13px;margin:0;min-height:1em}
.auth-note{color:#a9bbb6;font-size:13px;margin:14px 0 0;text-align:center}
.level-choice{display:grid;gap:8px}
.level-option{display:grid;text-align:left;gap:3px;border:1px solid var(--line);background:#ffffff07;border-radius:10px;padding:12px 14px}
.level-option strong{color:#f7f1e3;font-size:14px}
.level-option small{color:#9eb2ad;font-size:12px}
.level-option.active{border-color:var(--gold);background:#dfbd7318}
.level-option.active strong{color:var(--gold)}
.account-section{margin-top:16px;border:1px solid var(--line);background:#10282cd9;padding:24px;border-radius:16px;max-width:850px;margin-left:auto;margin-right:auto}
.account-section h2{font:24px Georgia,serif;margin:8px 0 16px;color:#f7f1e3}
.account-section>p{color:#a9bbb6;font-size:14px;margin:0 0 16px}
.account-section .auth-form{margin-bottom:16px}
.account-section .auth-form button{border:0;border-radius:9px;background:var(--gold);color:#102424;font-weight:700;padding:11px;justify-self:start}