:root{color-scheme:dark;--bg:#061018;--panel:#0b1822;--line:#22313c;--text:#f4f8fb;--muted:#98a8b6;--cyan:#69d8ff;--green:#43dc82;--gold:#f3cc35;--orange:#ff922f;--red:#ff4747;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 15%,#123444 0,transparent 38%),var(--bg);color:var(--text)}a{color:inherit}.portal-entry{width:min(1040px,calc(100% - 40px));margin:auto;min-height:100vh;display:grid;place-items:center}.logo{width:50px;height:50px;padding:7px;border:1px solid #344651;border-radius:15px;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0a1720}.logo i{border-radius:5px}.logo i:nth-child(1){background:var(--green)}.logo i:nth-child(2){background:var(--gold)}.logo i:nth-child(3){background:var(--orange)}.logo i:nth-child(4){background:var(--red)}.sign-in-shell{width:min(620px,100%);margin:54px 0;padding:clamp(34px,6vw,64px);text-align:center;border:1px solid #2a4454;border-radius:28px;background:linear-gradient(145deg,#0d1d28,#08131b);box-shadow:0 30px 90px #0008}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 42px}.hero-logo{width:78px;height:78px;flex:0 0 78px;padding:11px;border-radius:22px}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.brand-copy strong{font-size:clamp(42px,7vw,62px);line-height:.86;letter-spacing:-.045em;color:var(--text)}.brand-copy small{max-width:24ch;margin-top:10px;color:var(--muted);font-size:11px;font-weight:850;line-height:1.35;letter-spacing:.16em;text-transform:uppercase}h1{margin:0 0 18px;font-size:clamp(44px,7vw,70px);line-height:1;letter-spacing:-.045em}.primary{display:block;width:100%;margin:34px 0 0;padding:17px 22px;border-radius:14px;background:var(--cyan);color:#04121a;text-decoration:none;font-size:18px;font-weight:900}.primary:hover,.primary:focus-visible{background:#91e5ff;outline:none;box-shadow:0 0 0 4px #69d8ff33}@media(max-width:640px){.portal-entry{width:min(100% - 24px,1040px)}.sign-in-shell{margin:28px 0;padding:38px 24px;border-radius:22px}.brand-lockup{gap:14px;margin-bottom:36px}.hero-logo{width:66px;height:66px;flex-basis:66px;padding:9px;border-radius:19px}.brand-copy strong{font-size:42px}.brand-copy small{max-width:20ch;font-size:9px}h1{font-size:44px}.primary{margin-top:28px}}