*{box-sizing:border-box}:root{color-scheme:dark;--muted:#918b9f;--violet:#9b69ff}
html,body{margin:0;min-height:100%}body{min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,rgba(92,48,153,.17),transparent 34%),linear-gradient(145deg,#09080f 0%,#0c0913 48%,#07070b 100%);color:#f6f3fb;font-family:"DM Sans",sans-serif}
.ambient{position:fixed;width:32rem;height:32rem;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.ambient-one{background:#7435d6;top:12%;left:-20rem}.ambient-two{background:#45227e;right:-20rem;bottom:-15rem}
.shell{position:relative;z-index:1;min-height:100vh;max-width:1440px;margin:auto;padding:34px 6.2vw 28px;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:12px;align-items:center;color:#f7f4fc;text-decoration:none;font:700 19px "Space Grotesk",sans-serif;letter-spacing:.23em}.brand-mark{width:29px;height:29px}
.top-note{color:#827b8d;font-size:9px;letter-spacing:.2em;font-weight:600;display:flex;align-items:center;gap:10px}.top-note i{width:6px;height:6px;background:#9d72f5;border-radius:50%;box-shadow:0 0 12px #9d72f5}
.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:46px 0 64px}
.emblem-wrap{position:relative;width:142px;height:142px;display:grid;place-items:center;margin-bottom:35px}.emblem-ring{position:absolute;inset:0;border:1px solid rgba(175,133,255,.18);border-radius:50%;box-shadow:0 0 70px rgba(137,81,231,.12),inset 0 0 35px rgba(137,81,231,.06)}.emblem-ring:before,.emblem-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(175,133,255,.10)}.emblem-ring:before{inset:10px}.emblem-ring:after{inset:-8px;border-color:rgba(175,133,255,.07)}
.hero-mark{width:73px;height:73px;filter:drop-shadow(0 0 19px rgba(157,100,255,.45))}.eyebrow{color:#a99dbb;font-size:10px;letter-spacing:.28em;font-weight:700;margin:0 0 22px}.eyebrow span{display:inline-block;vertical-align:middle;width:18px;height:1px;margin-right:9px;background:#8c61d8}
h1{font:500 clamp(52px,7.3vw,92px)/.99 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0}h1 span{color:#b59aff;text-shadow:0 0 38px rgba(145,94,233,.17)}
.intro{color:#a49dae;font-size:15px;line-height:1.8;max-width:410px;margin:25px 20px 28px}.status{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(173,135,240,.27);border-radius:99px;padding:11px 17px;color:#d7c8f2;background:rgba(120,75,190,.08);font-size:9px;font-weight:700;letter-spacing:.22em}.status-dot{width:6px;height:6px;background:#a77aff;border-radius:50%;box-shadow:0 0 11px #a77aff}
.footer{display:flex;justify-content:space-between;gap:20px;color:#625c6d;font-size:8px;letter-spacing:.19em;font-weight:600}
@media(max-width:600px){.shell{padding:25px 24px 22px}.top-note{font-size:7px;letter-spacing:.12em}.brand{font-size:16px}.brand-mark{width:25px;height:25px}.emblem-wrap{width:120px;height:120px;margin-bottom:31px}.hero-mark{width:63px;height:63px}.eyebrow{font-size:8px;letter-spacing:.19em}.intro{font-size:14px;max-width:310px}.footer{font-size:7px;letter-spacing:.11em}}
@media(max-height:650px){.hero{padding:20px 0}.emblem-wrap{width:95px;height:95px;margin-bottom:20px}.hero-mark{width:52px;height:52px}.intro{margin-top:16px;margin-bottom:18px}}
