@import url('/base.css');
:root{--bg:#10151e;--panel:#192231;--line:#354459;--text:#eef3fa;--muted:#acb9cd;--accent:#80b8ff;--button:#2563aa}
body{background:var(--bg) url('/images/background-dark.png') center top/cover fixed no-repeat}
header{background:color-mix(in srgb,var(--bg) 92%,transparent);border-radius:0 0 14px 14px}
.brand img{width:52px;height:65px;object-fit:contain}.brand{gap:18px}.brand span{letter-spacing:1px}.brand strong{letter-spacing:4px}
main{max-width:1100px}.intro{padding-top:46px;max-width:780px}h1{font-size:clamp(36px,5.5vw,62px)}
.card{background:color-mix(in srgb,var(--panel) 96%,transparent);border-radius:12px;box-shadow:0 8px 28px #0002}
.access-card{display:grid;grid-template-columns:1fr 1fr;gap:42px}#login-panel{gap:42px}
input,textarea{background:var(--bg);border-color:var(--line)}
button,.button{background:var(--button);color:white}.quiet{background:transparent;color:var(--accent)}button:hover,.button:hover{filter:brightness(1.12)}
.check{display:flex;align-items:flex-start;gap:10px;font-size:12px}.check input{width:17px;height:17px;flex:none;margin-top:3px;accent-color:var(--button)}
.otp{font-size:28px;letter-spacing:10px;text-align:center}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
details form{margin-top:18px}.privacy{background:color-mix(in srgb,var(--bg) 90%,transparent);padding:20px;border-radius:10px}footer{background:var(--bg)}
:root[data-theme=light]{color-scheme:light;--bg:#edf2f8;--panel:#fff;--line:#bdcadb;--text:#1c2d43;--muted:#4b617b;--accent:#195b9e;--button:#2465ac}
:root[data-theme=light] body{background-image:url('/images/background-light.png')}
@media(max-width:720px){.access-card{grid-template-columns:1fr;gap:24px}.brand img{width:38px;height:47px}.brand{gap:10px}header #theme{margin-left:auto}header .badge{display:none}.intro{padding-top:28px}.actions button{flex:1 1 140px}body{background-attachment:scroll;background-size:auto 100vh}}