@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--bg:#070806;--panel:#0e100d;--line:#2b2e26;--gold:#d2a63d;--text:#f4f1e8;--muted:#92958b;--green:#62d990}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 80% 10%,#d2a63d16,transparent 27%),linear-gradient(#d2a63d08 1px,transparent 1px),linear-gradient(90deg,#d2a63d08 1px,transparent 1px),var(--bg);background-size:auto,52px 52px,52px 52px;font:14px/1.55 'DM Sans',sans-serif;display:grid;grid-template-rows:auto 1fr auto}a{color:inherit;text-decoration:none}.access-header{height:76px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080907dd;backdrop-filter:blur(18px)}.access-header img{width:130px;display:block}.access-header>a:last-child{font:8px 'IBM Plex Mono';letter-spacing:.12em;color:var(--muted)}.access-hub-main{width:min(1500px,90vw);margin:auto;padding:70px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:end}.access-hub-main>section>span,.access-login-context>span,.access-login-main form header>span{font:600 8px 'IBM Plex Mono';letter-spacing:.16em;color:var(--gold)}.access-hub-main h1{margin:18px 0;font-size:clamp(54px,6.6vw,104px);line-height:.87;letter-spacing:-.07em}.access-hub-main h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.access-hub-main>section p{max-width:600px;color:var(--muted);font-size:16px}.access-portal-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line);gap:1px}.access-portal-grid a{min-height:190px;padding:22px;background:#0b0d0b;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-content:space-between;transition:.25s}.access-portal-grid a:hover{background:#17160f}.access-portal-grid a>span{font:8px 'IBM Plex Mono';color:var(--gold)}.access-portal-grid a>div{grid-column:1/-1;display:grid;align-self:end}.access-portal-grid b{font-size:25px}.access-portal-grid small{color:var(--muted)}.access-portal-grid i{font-style:normal;color:var(--gold)}.access-login-main{width:min(1280px,90vw);margin:auto;padding:70px 0;display:grid;grid-template-columns:1fr minmax(360px,500px);gap:10vw;align-items:center}.access-login-context h1{margin:20px 0;font-size:clamp(56px,7vw,105px);line-height:.9;letter-spacing:-.07em}.access-login-context p{max-width:560px;color:var(--muted);font-size:17px}.access-login-context a{display:inline-block;margin-top:35px;color:var(--gold);font-size:11px}.access-login-main form{padding:30px;border:1px solid #554624;border-radius:16px;background:linear-gradient(145deg,#17150f,#0a0b09);display:grid;gap:15px}.access-login-main form header{margin-bottom:10px}.access-login-main form h2{margin:7px 0;font-size:29px}.access-login-main form label{display:grid;gap:7px;color:#a7aaa1;font-size:10px}.access-login-main input{width:100%;padding:13px;border:1px solid #35392f;border-radius:9px;background:#080907;color:var(--text);font:inherit;outline:0}.access-login-main input:focus{border-color:var(--gold)}.access-login-main .access-remember{display:flex;align-items:center;gap:8px}.access-remember input{width:auto}.access-login-main button{padding:14px 16px;border:0;border-radius:9px;background:var(--gold);color:#090a08;font:700 12px 'DM Sans';display:flex;justify-content:space-between;cursor:pointer}.access-login-main form>small{color:var(--muted);font-size:9px}.access-error{padding:10px;border:1px solid #71312b;border-radius:8px;background:#351916;color:#ffaaa2}.access-footer{min-height:66px;padding:20px clamp(20px,5vw,80px);border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:var(--muted);font:8px 'IBM Plex Mono';letter-spacing:.09em}.access-footer span{margin-right:auto}
@media(max-width:900px){.access-hub-main,.access-login-main{grid-template-columns:1fr;gap:45px}.access-hub-main{align-items:start}.access-login-main{padding:45px 0}.access-login-context h1{font-size:60px}}
@media(max-width:560px){.access-header{height:66px}.access-portal-grid{grid-template-columns:1fr}.access-portal-grid a{min-height:135px}.access-hub-main{padding:42px 0}.access-hub-main h1{font-size:48px}.access-login-main{width:min(100% - 28px,500px)}.access-login-main form{padding:20px}.access-footer{flex-wrap:wrap;gap:10px}.access-footer span{width:100%}}