:root{color-scheme:dark}html,body,#root{height:100%;margin:0}.frame{width:1400px;height:700px;position:relative;overflow:hidden;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.frame:before{content:"";position:absolute;inset:-20%;background:radial-gradient(800px 500px at 15% 20%,color-mix(in srgb,var(--a) 75%,transparent),transparent 60%),radial-gradient(900px 600px at 70% 35%,color-mix(in srgb,var(--c) 75%,transparent),transparent 60%),radial-gradient(800px 500px at 40% 80%,color-mix(in srgb,var(--b) 60%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,#05070f 70%,var(--a)),color-mix(in srgb,#0b0f1a 80%,var(--c)));transform:rotate(-7deg);filter:saturate(1.2)}.vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#0000 30%,#0000008c 80%)}.noise{position:absolute;inset:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="3" stitchTiles="stitch"/></filter><rect width="120" height="120" filter="url(%23n)" opacity=".25"/></svg>');mix-blend-mode:overlay;opacity:.3}.topline{position:absolute;left:48px;right:48px;top:40px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.9}.chip{font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0000002e}.titleWrap{position:absolute;left:48px;right:48px;bottom:78px;max-width:1040px}.title{margin:0;font-size:72px;line-height:.95;letter-spacing:-.03em;font-weight:650;text-shadow:0 18px 45px rgba(0,0,0,.35)}.sub{margin-top:18px;font-size:16px;opacity:.85}.stamp{position:absolute;right:48px;bottom:44px;font-size:14px;font-weight:800;letter-spacing:.12em;padding:12px 14px;border:1px solid rgba(255,255,255,.25);background:#00000038}.bg-aurora:before{animation:drift 7s ease-in-out infinite alternate}.bg-plasma:before{filter:blur(.6px) saturate(1.4);animation:plasma 6s ease-in-out infinite alternate}.bg-galaxy:before{filter:contrast(1.05) saturate(1.35)}.bg-faulty-terminal:before{filter:saturate(.95) contrast(1.15)}.bg-prismatic-burst:before{background:conic-gradient(from 220deg at 60% 40%,var(--a),var(--c),var(--b),var(--a));filter:saturate(1.2) brightness(.95)}.bg-grid-scan:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.08),transparent 55%);mix-blend-mode:overlay;animation:scan 4s linear infinite}.bg-lightning:after{content:"";position:absolute;inset:0;background:radial-gradient(350px 350px at 62% 38%,rgba(255,255,255,.18),transparent 60%);animation:flicker 2.2s ease-in-out infinite}.bg-waves:before{background:radial-gradient(900px 520px at 18% 22%,color-mix(in srgb,var(--a) 78%,transparent),transparent 60%),radial-gradient(950px 560px at 80% 38%,color-mix(in srgb,var(--c) 75%,transparent),transparent 58%),repeating-radial-gradient(circle at 40% 70%,#ffffff29 0 2px,#fff0 2px 16px),linear-gradient(135deg,color-mix(in srgb,#040611 70%,var(--a)),color-mix(in srgb,#0b0f1a 78%,var(--c)));filter:saturate(1.25) contrast(1.05)}.bg-liquid-chrome:before{background:conic-gradient(from 210deg at 55% 45%,color-mix(in srgb,#ffffff 22%,var(--b)),color-mix(in srgb,#ffffff 10%,var(--a)),color-mix(in srgb,#000000 0%,var(--c)),color-mix(in srgb,#ffffff 18%,var(--b))),radial-gradient(900px 560px at 22% 30%,rgba(255,255,255,.22),transparent 60%),linear-gradient(135deg,#070a14,#0b0f1a);filter:contrast(1.15) saturate(1.15)}.bg-prism:before{background:conic-gradient(from 120deg at 60% 35%,var(--a),var(--b),var(--c),var(--a)),radial-gradient(820px 520px at 20% 75%,rgba(255,255,255,.14),transparent 55%),linear-gradient(135deg,#05070f,#0b0f1a);filter:saturate(1.35) contrast(1.05)}.bg-silk:before{background:radial-gradient(900px 560px at 18% 20%,color-mix(in srgb,var(--a) 72%,transparent),transparent 62%),radial-gradient(950px 600px at 82% 40%,color-mix(in srgb,var(--c) 70%,transparent),transparent 60%),repeating-linear-gradient(115deg,#ffffff24 0 2px,#fff0 2px 18px),linear-gradient(135deg,#05070f,#0b0f1a);filter:saturate(1.15) brightness(.98)}.bg-threads:before{background:radial-gradient(820px 520px at 25% 25%,color-mix(in srgb,var(--a) 70%,transparent),transparent 60%),radial-gradient(900px 560px at 78% 45%,color-mix(in srgb,var(--c) 70%,transparent),transparent 60%),repeating-linear-gradient(0deg,#ffffff2e 0 1px,#fff0 1px 12px),repeating-linear-gradient(90deg,#00000038 0 1px,#0000 1px 14px),linear-gradient(135deg,#05070f,#0b0f1a);filter:saturate(1.05) contrast(1.08)}.bg-orb:before{background:radial-gradient(320px 320px at 58% 40%,#ffffff4d,#fff0 60%),radial-gradient(520px 520px at 58% 40%,color-mix(in srgb,var(--b) 50%,transparent),transparent 70%),radial-gradient(860px 520px at 20% 22%,color-mix(in srgb,var(--a) 70%,transparent),transparent 62%),radial-gradient(900px 560px at 80% 42%,color-mix(in srgb,var(--c) 70%,transparent),transparent 62%),linear-gradient(135deg,#05070f,#0b0f1a);filter:saturate(1.2)}.bg-squares:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:42px 42px;opacity:.35;mix-blend-mode:overlay}@keyframes drift{0%{transform:rotate(-10deg) translate(-2%,-1%)}to{transform:rotate(-4deg) translate(2%,1%)}}@keyframes plasma{0%{transform:rotate(-9deg) translate(-2%) scale(1.02)}to{transform:rotate(-3deg) translate(2%,1.5%) scale(1.05)}}@keyframes scan{0%{transform:translateY(-40%)}to{transform:translateY(40%)}}@keyframes flicker{0%,to{opacity:.55}50%{opacity:1}}