@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/space-grotesk-latin-wght-normal.0640890476.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:300 700}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/ibm-plex-mono-latin-500-normal.01d2854474.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:500}
:root{color-scheme:dark;--bg:#08090b;--line:rgba(54,177,151,.2);--text:#edf3f0;--muted:#8f9994;--green:#36b197;--orange:#cb7d34}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{min-height:100vh;margin:0;color:var(--text);font-family:"Space Grotesk",system-ui,sans-serif;background:radial-gradient(circle at 50% 42%,rgba(15,123,101,.14),transparent 35rem),#08090b;display:grid;grid-template-rows:auto 1fr auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(30deg,transparent 48%,rgba(54,177,151,.07) 49%,rgba(54,177,151,.07) 51%,transparent 52%),linear-gradient(150deg,transparent 48%,rgba(54,177,151,.07) 49%,rgba(54,177,151,.07) 51%,transparent 52%);background-size:48px 84px}
.topbar,footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(22px,4vw,64px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand img{width:38px;height:38px}.brand span{display:grid;gap:2px}.brand strong{font-size:.92rem;letter-spacing:.16em}.brand small,.status,footer{font-family:"IBM Plex Mono",monospace;color:var(--muted);font-size:.68rem;letter-spacing:.08em}.status{display:flex;align-items:center;gap:8px}.status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
main{position:relative;z-index:1;display:grid;place-items:center;padding:60px 22px}
.panel{width:min(760px,100%);padding:clamp(38px,6vw,70px);border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,18,16,.94),rgba(8,9,11,.84));box-shadow:0 32px 100px rgba(0,0,0,.38);clip-path:polygon(10% 0,90% 0,100% 13%,100% 87%,90% 100%,10% 100%,0 87%,0 13%)}
.eyebrow{margin:0 0 20px;font:500 .7rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.2em;color:var(--green)}
h1{margin:0;max-width:650px;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:400;line-height:.98;letter-spacing:-.055em}
.intro{margin:28px 0 38px;max-width:590px;color:#abb5b0;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.7}
.notice{padding:22px 24px;border:1px solid rgba(203,125,52,.25);background:rgba(191,113,48,.07)}.notice span{display:block;margin-bottom:8px;font:500 .63rem "IBM Plex Mono",monospace;letter-spacing:.18em;color:var(--orange)}.notice strong{font-size:1.1rem}.notice p{margin:8px 0 0;color:var(--muted);line-height:1.55}
.back{display:inline-flex;gap:20px;align-items:center;margin-top:34px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:7px}.back span{color:var(--green)}
footer{border-top:1px solid var(--line);border-bottom:0}
@media(max-width:600px){.topbar{padding:18px}.brand small{display:none}.status{font-size:.58rem}.panel{padding:50px 25px;clip-path:polygon(7% 0,93% 0,100% 6%,100% 94%,93% 100%,7% 100%,0 94%,0 6%)}main{padding:35px 10px}footer{padding:18px;gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.panel{animation:arrive .7s cubic-bezier(.2,.7,.2,1) both}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}