:root{color-scheme:dark;--bg:#08111f;--panel:#101b2d;--text:#eef6ff;--muted:#9fb0c7;--line:#24364f;--accent:#67e8f9;--blue:#2563eb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#173558 0,#08111f 45%,#050914 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}
.brand{display:block;width:150px;margin:0 auto 22px}
.card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(16,27,45,.96),rgba(10,18,32,.92));padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.hero{text-align:center;margin:0 auto 28px;max-width:720px}
.eyebrow{letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--accent);margin:0 0 10px;text-transform:uppercase}
h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1;margin:0 0 14px}
p{color:var(--muted);font-size:1.05rem;margin:0}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.access-card{position:relative;display:flex;min-height:210px;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:26px;padding:26px;color:var(--text);text-decoration:none;background:#0b1627;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.access-card:hover{transform:translateY(-3px);border-color:rgba(103,232,249,.7);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.access-card.primary{background:linear-gradient(135deg,#22d3ee,#2563eb);color:#04111d;border:0}
.access-card.primary .hint,.access-card.primary .badge{color:#063047}
.badge{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.access-card strong{display:block;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.05;margin:14px 0 10px}
.hint{display:block;color:var(--muted);line-height:1.45}
.cta{margin-top:22px;font-weight:800}
.back{display:block;width:max-content;margin:22px auto 0;color:var(--muted);text-decoration:none}
.back:hover{color:var(--text)}
@media(max-width:760px){.shell{width:min(100% - 24px,520px);padding-top:22px}.card{padding:22px;border-radius:26px}.actions{grid-template-columns:1fr}.access-card{min-height:168px;padding:22px}.brand{width:132px}}