*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{font-family:Poppins,system-ui,sans-serif;background:#f4f1e8;color:#12334b}
button,input{font:inherit}
button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;outline:0}
button:not(:disabled){transition:transform .1s ease,filter .1s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
button:not(:disabled):active{transform:translateY(1px) scale(.96)!important;filter:brightness(.88)!important}
button:focus{outline:0}
button:focus-visible,input:focus-visible{outline:2px solid #d39b32;outline-offset:3px}
.scene{position:fixed;inset:0;display:grid;place-items:center;background:#f4f1e8;transition:filter .45s ease,transform .45s ease,opacity .35s ease}
.hero-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 18px 20px}
.hero-art{display:block;width:auto;height:auto;max-width:min(78vw,680px);max-height:calc(100vh - 150px);object-fit:contain}
#openLogin{display:flex;align-items:center;gap:13px;border:1px solid rgba(18,51,75,.34);border-radius:999px;padding:12px 22px;background:#123d55;color:#fff;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 26px rgba(18,51,75,.18);cursor:pointer}
#openLogin span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edc66c;color:#12334b;font-size:16px}
#openLogin:hover{background:#0d3248}
.login-panel{position:fixed;inset:0;z-index:4;display:grid;place-items:center;padding:20px;background:rgba(35,43,42,.2);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}
.login-card{position:relative;width:min(420px,100%);padding:30px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:rgba(14,37,41,.94);backdrop-filter:blur(20px) saturate(1.08);box-shadow:0 28px 80px rgba(0,0,0,.38);color:#fff;transform:translateY(18px) scale(.97);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
body.form-open .scene{filter:blur(10px) brightness(.62);transform:scale(1.025)}
body.form-open .login-panel{opacity:1;visibility:visible}
body.form-open .login-card{transform:none}
.close{position:absolute;right:18px;top:18px;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.06);color:#dbe7e9;font-size:22px;cursor:pointer}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.brand img{width:46px;height:46px;object-fit:contain}
.brand strong,.brand span{display:block}
.brand strong{font-size:15px;letter-spacing:.08em}
.brand span{font-size:10px;color:#aab9bb;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}
.heading p{margin:0 0 7px;color:#e8bc6c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.heading h1{margin:0;font-size:28px;line-height:1.15}
.heading>span{display:block;margin-top:8px;color:#afbec0;font-size:12px}
.login-card form{display:grid;margin-top:24px}
.login-card label{font-size:11px;font-weight:600;color:#d9e3e4;margin:0 0 7px}
.login-card input{width:100%;height:47px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(4,14,18,.42);color:#fff;padding:0 14px;margin-bottom:16px}
.login-card input::placeholder{color:#708589}
.password-wrap{position:relative}
.password-wrap input{padding-right:66px}
.password-wrap button{position:absolute;right:7px;top:7px;height:33px;border:0;border-radius:9px;background:transparent;color:#e8bc6c;font-size:11px;font-weight:700;cursor:pointer}
.cap-q{color:#edc66c;font-weight:800;letter-spacing:.06em}
.captcha-wrap{position:relative}
.captcha-wrap input{padding-right:50px}
.captcha-wrap button{position:absolute;right:7px;top:7px;width:34px;height:33px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#edc66c;font-size:15px;cursor:pointer}
.error{display:none;margin:-3px 0 13px;padding:10px 12px;border-radius:10px;background:rgba(244,63,94,.12);color:#fecdd3;font-size:11px;line-height:1.45}
.error.show{display:block}
.submit{height:48px;border:0;border-radius:12px;background:#e8bc6c;color:#17272c;font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(215,168,79,.18)}
.submit:disabled{opacity:.65;cursor:wait}
.support{text-align:center;color:#829598;font-size:10px;margin:17px 0 0}
@media(max-width:600px){.hero-content{justify-content:center;gap:14px;padding:14px 14px 18px}.hero-art{max-width:100%;max-height:calc(100vh - 92px)}#openLogin{padding:11px 20px;font-size:13px}.login-panel{padding:18px}.login-card{padding:26px 22px 22px;border-radius:21px}.heading h1{font-size:24px}.brand{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}