:root{--gold:#ffc928;--gold2:#ffad0a;--bg:#04080d;--panel:#0c151f;--line:#30465a;--text:#f7f9fc;--muted:#9db0c6;--green:#8cf04f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#04080d;color:var(--text)}
body.auth-page{min-height:100vh;background:#04080d center/cover fixed no-repeat;position:relative;overflow-x:hidden}
body.auth-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(1,5,9,.80),rgba(1,5,9,.45),rgba(1,5,9,.80));pointer-events:none;z-index:0}
.auth-top{height:70px;border-bottom:1px solid rgba(255,201,40,.24);background:rgba(3,7,12,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);position:relative;z-index:5}.auth-top img{width:175px;height:50px;object-fit:contain;display:block}.auth-lang{color:#c9d4df;font-size:13px}
.auth-wrap{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:24px 16px 35px;position:relative;z-index:2}.auth-modal{width:min(820px,96vw);max-height:calc(100vh - 100px);overflow:auto;display:grid;grid-template-columns:255px 1fr;background:linear-gradient(145deg,rgba(11,21,31,.985),rgba(3,9,15,.99));border:1px solid rgba(255,201,40,.78);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.75),0 0 55px rgba(255,174,0,.16),inset 0 1px rgba(255,255,255,.05);position:relative}.auth-modal.small{width:min(820px,96vw)}.auth-modal.medium{width:min(900px,97vw)}.auth-modal.large{width:min(1000px,97vw)}
.auth-visual{min-height:520px;background-position:center;background-size:cover;border-radius:21px 0 0 21px;position:relative;overflow:hidden;border-right:1px solid rgba(255,201,40,.18)}.auth-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(255,181,25,.24),transparent 42%)}.auth-visual-logo{position:absolute;top:24px;left:20px;right:20px;text-align:center;z-index:1}.auth-visual-logo img{width:170px;height:48px;object-fit:contain}.auth-visual-copy{position:absolute;left:24px;right:20px;bottom:27px;z-index:1}.auth-visual-copy span{display:block;color:var(--green);font-size:10px;letter-spacing:.13em;font-weight:950;margin-bottom:7px}.auth-visual-copy strong{display:block;font-size:29px;line-height:1.02}.auth-visual-copy small{display:block;color:#c3ced9;margin-top:9px;font-size:12px}
.auth-form-panel{padding:25px 30px 27px;min-width:0}.auth-brand{text-align:center;margin-bottom:3px}.auth-brand img{width:145px;height:42px;object-fit:contain}.auth-kicker{text-align:center;text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-size:10px;font-weight:900;margin:1px 0 4px}.auth-title{text-align:center;font-size:31px;line-height:1.1;margin:0 0 5px;font-weight:900}.auth-sub{text-align:center;color:var(--muted);font-size:12px;margin:0 0 15px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2e4254;border-radius:10px;padding:3px;background:#06101a;margin-bottom:15px}.auth-tabs a{padding:9px;text-align:center;border-radius:8px;text-decoration:none;color:#9fb2c8;font-weight:900;font-size:12px}.auth-tabs a.active{background:linear-gradient(135deg,var(--gold),#ffdc59);color:#07090c}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:10px}.field label{display:block;font-size:10px;font-weight:900;margin-bottom:5px;color:#f3f6fa}.field label span{color:#7f96ac;font-weight:600}.field input{display:block;width:100%;height:40px;border:1px solid #30465a;border-radius:8px;background:#050e17;color:#fff;padding:0 11px;outline:none;font-size:12px}.field input::placeholder{color:#6e8498}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,201,40,.09)}
.password-wrap{position:relative}.password-wrap input{padding-right:40px}.pass-toggle{position:absolute;right:6px;top:5px;width:29px;height:29px;border:0;background:transparent;color:#91a5b8;cursor:pointer}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:1px 0 13px;font-size:10px;color:#b8c7d6}.check{display:flex;align-items:center;gap:6px}.check input,.terms input{accent-color:var(--gold)}.auth-row a,.auth-bottom a,.terms a{color:var(--gold);text-decoration:none;font-weight:900}.auth-submit{width:100%;height:45px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--gold),#ffdb59);color:#080a0d;font-size:13px;font-weight:950;cursor:pointer;box-shadow:0 8px 25px rgba(255,190,20,.15)}
.social-or{display:flex;align-items:center;gap:10px;color:#74889c;font-size:9px;margin:13px 0 9px}.social-or:before,.social-or:after{content:"";height:1px;background:#263747;flex:1}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:8px}.social-btn{height:39px;border:1px solid #34485b;border-radius:8px;background:#07111b;color:#f7f9fc;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900}.social-btn img,.social-fallback{width:21px;height:21px;border-radius:5px;object-fit:contain;background:#fff}.social-fallback{display:grid;place-items:center;color:#4285f4;font-weight:950}.social-fallback.facebook{background:#1877f2;color:#fff}.terms{font-size:10px;color:#91a5b8;margin:0 0 11px;display:flex;gap:6px;align-items:flex-start}.terms input{margin-top:2px}.flash{padding:8px 10px;border-radius:8px;margin-bottom:10px;font-size:11px;background:#18242f;border:1px solid #31475a}.flash.error{border-color:#9e4242;color:#ffc0c0}.flash.success{border-color:#3d8753;color:#c9ffd6}.auth-bottom{text-align:center;color:#8ea1b5;font-size:11px;margin:13px 0 0}.auth-sound{position:fixed;right:16px;bottom:16px;z-index:8;border:1px solid #5c4b1c;background:rgba(7,12,17,.86);color:#ffd75a;border-radius:99px;padding:8px 11px;font-size:11px;cursor:pointer}
@media(max-width:720px){.auth-top{height:62px}.auth-top img{width:150px;height:44px}.auth-wrap{min-height:calc(100vh - 62px);padding:12px 8px 22px}.auth-modal,.auth-modal.small,.auth-modal.medium,.auth-modal.large{width:96vw;grid-template-columns:1fr;max-height:calc(100vh - 78px);border-radius:17px}.auth-visual{display:none}.auth-form-panel{padding:21px 16px 22px}.auth-brand img{width:150px;height:43px}.auth-title{font-size:28px}.auth-grid,.social-login{grid-template-columns:1fr}.field{margin-bottom:9px}.auth-tabs{margin-bottom:13px}}

/* Final auth lock: centered popup, no side banner, single logo */
.auth-top{display:none!important}
.auth-wrap{min-height:100vh;padding:28px 16px 40px}
.auth-modal,.auth-modal.small,.auth-modal.medium,.auth-modal.large{width:min(560px,96vw)!important;display:block!important;max-height:calc(100vh - 56px);border-radius:22px}
.auth-visual{display:none!important}
.auth-form-panel{padding:28px 32px 30px}
.auth-brand{display:block;text-align:center;margin:0 0 12px}
.auth-brand img{width:190px;height:54px;object-fit:contain}
.auth-submit{min-height:48px;display:flex!important;align-items:center;justify-content:center;font-size:14px!important;visibility:visible!important;opacity:1!important}
.signup-create-btn{display:flex!important}
@media(max-width:600px){.auth-form-panel{padding:23px 17px 25px}.auth-brand img{width:175px;height:50px}.auth-modal,.auth-modal.small,.auth-modal.medium,.auth-modal.large{width:96vw!important}.auth-grid{grid-template-columns:1fr}}

/* Maintenance notice */
.maintenance-note{display:grid;gap:4px;margin:8px 0 12px;padding:10px 11px;border:1px solid rgba(255,201,40,.28);border-radius:10px;background:rgba(255,201,40,.06);color:#dfe7ef;font-size:11px;line-height:1.45}.maintenance-note strong{color:#ffc928;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.maintenance-note small{color:#8ea4b8;font-size:9px}.auth-submit:disabled{opacity:.5;cursor:not-allowed}
