:root{color-scheme:dark;--bg: #07070d;--bg-2: #0b0b12;--surface: rgba(18, 18, 32, .78);--surface-2: rgba(18, 18, 32, .55);--text: rgba(245, 245, 255, .92);--muted: rgba(210, 210, 240, .72);--muted-2: rgba(210, 210, 240, .55);--border: rgba(120, 120, 160, .22);--cyan: #00f5ff;--magenta: #ff2bd6;--purple: #8b5cf6;--acid: #b6ff3b;--amber: #ffb020;--shadow: rgba(0, 0, 0, .45);--glow-cyan: rgba(0, 245, 255, .18);--glow-magenta: rgba(255, 43, 214, .16);--glow-purple: rgba(139, 92, 246, .18);--glow-acid: rgba(182, 255, 59, .14);--radius: 14px;--radius-sm: 10px;--max: 1320px;--header-h: 72px;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-display: Orbitron, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial}[data-theme=light]{color-scheme:light;--bg: #f7f7ff;--bg-2: #ffffff;--surface: rgba(255, 255, 255, .7);--surface-2: rgba(255, 255, 255, .55);--text: rgba(18, 18, 32, .92);--muted: rgba(32, 32, 52, .72);--muted-2: rgba(32, 32, 52, .55);--border: rgba(12, 12, 20, .14);--shadow: rgba(12, 12, 20, .16);--glow-cyan: rgba(0, 180, 196, .12);--glow-magenta: rgba(224, 0, 170, .12);--glow-purple: rgba(104, 66, 204, .12);--glow-acid: rgba(96, 174, 0, .1)}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;position:relative;background:linear-gradient(180deg,var(--bg),var(--bg-2))}body{margin:0;font-family:var(--font-body);background:transparent;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:before{content:"";position:fixed;inset:-120%;pointer-events:none;z-index:-1;background-image:radial-gradient(1600px 1100px at 18% 0%,rgba(139,92,246,.2),transparent 62%),radial-gradient(1500px 1100px at 92% 14%,rgba(0,245,255,.14),transparent 62%),radial-gradient(1700px 1200px at 60% 120%,rgba(255,43,214,.12),transparent 62%),radial-gradient(1400px 1000px at 20% 70%,rgba(182,255,59,.05),transparent 64%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%,transparent 82%,rgba(255,255,255,.025)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-size:auto,auto,auto,auto,auto,320px 320px;filter:blur(.25px);transform:translateZ(0)}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{min-height:100%;position:relative;z-index:1}.container{max-width:var(--max);margin:0 auto;padding:0 24px}@media(min-width:1200px){.container{padding:0 32px}}.header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;background:linear-gradient(180deg,#0a0a12c2,#0a0a1261);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand__mark{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 30% 25%,#00f5fff2,#8b5cf6d9 55%,#ff2bd659);box-shadow:0 0 0 1px #ffffff1f,0 14px 34px var(--shadow),0 0 28px var(--glow-purple);position:relative;overflow:hidden}.brand__mark:after{content:"";position:absolute;inset:-80%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 55%);transform:translate3d(10%,8%,0)}.brand__text{min-width:0}.brand__title{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;font-size:14px;text-transform:uppercase;margin:0;line-height:1.1}.brand__subtitle{margin:3px 0 0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:flex;align-items:center;gap:10px}.nav__links{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.nav__link{position:relative;padding:8px 12px;border-radius:999px;color:var(--muted);transition:color .18s ease,background .18s ease;font-size:13px}.nav__link:hover{color:var(--text);background:#ffffff0f}.nav__actions{display:flex;align-items:center;gap:10px}.icon-button{width:40px;height:40px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.icon-button:hover{transform:translateY(-1px);border-color:#00f5ff61;box-shadow:0 16px 40px var(--shadow),0 0 20px var(--glow-cyan)}.hero{padding:56px 0 14px}.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}.hero__panel{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:linear-gradient(180deg,#0a0a12bd,#0a0a126b);box-shadow:0 14px 44px var(--shadow);position:relative;overflow:hidden}.hero__panel:before{content:"";position:absolute;inset:-2px;background:radial-gradient(600px 220px at 20% 20%,var(--glow-purple),transparent 60%),radial-gradient(520px 240px at 80% 10%,var(--glow-cyan),transparent 62%),radial-gradient(520px 240px at 50% 110%,var(--glow-magenta),transparent 64%);opacity:.9;pointer-events:none}.hero__content{position:relative;padding:26px 26px 24px}.kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,245,255,.26);color:#c8ffffe6;background:#00f5ff0f;padding:7px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px #00f5ff24,0 0 16px var(--glow-cyan)}.hero__title{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;margin:0;font-size:clamp(30px,4.4vw,48px);line-height:1.1}.hero__title span{background:linear-gradient(90deg,#f5f5ffeb,#00f5ffe6,#ff2bd6d9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{margin:14px 0 0;color:var(--muted);max-width:62ch}.hero__lead-muted{display:inline;color:var(--muted-2)}.hero__meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#ffffff0a;padding:8px 10px;border-radius:999px;color:var(--muted);font-size:13px}.pill__key{color:var(--text);font-weight:600}.hero__cta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.btn{border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:10px 12px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px);border-color:#fff3;box-shadow:0 16px 42px var(--shadow);background:#ffffff0f}.btn--primary{border-color:#00f5ff57;background:linear-gradient(90deg,#00f5ff1f,#8b5cf61f,#ff2bd61a);box-shadow:0 16px 45px var(--shadow),0 0 18px var(--glow-cyan)}.btn--primary:hover{border-color:#00f5ff8c;box-shadow:0 18px 58px var(--shadow),0 0 26px var(--glow-cyan)}.btn__icon{width:16px;height:16px;opacity:.92}.hero__side{padding:26px;display:grid;gap:12px}.status{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;padding:14px}.status__title{margin:0;font-weight:600;letter-spacing:.02em}.status__body{margin:8px 0 0;color:var(--muted);font-size:13px}.quick{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px;color:var(--muted);font-size:13px}.quick__item{display:flex;gap:10px;align-items:flex-start}.quick__dot{width:10px;height:10px;border-radius:999px;margin-top:4px;background:linear-gradient(135deg,#00f5fff2,#ff2bd68c);box-shadow:0 0 18px var(--glow-cyan);flex:0 0 auto}.status__line{margin-top:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.38),rgba(255,43,214,.32),transparent);opacity:.7}.status__chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:6px 10px;font-size:12px;color:var(--muted)}.main{padding:8px 0 40px}.section{padding:18px 0;position:relative}.section+.section:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.18),rgba(255,43,214,.14),transparent);opacity:.8}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:16px}.section__title{margin:0;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-weight:700;font-size:16px}.section__subtitle{margin:0;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.groups{display:grid;gap:14px}.group{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:#0a0a1252;padding:12px;box-shadow:0 12px 40px var(--shadow)}.group__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.group__title{margin:0;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-weight:700;font-size:13px}.group__subtitle{margin:6px 0 0;color:var(--muted);font-size:13px}.group__meta{color:#00f5ffc7;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:12px;white-space:nowrap}.group .grid{gap:12px}.card{grid-column:span 4;position:relative;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,#0a0a12b8,#0a0a126b);box-shadow:0 10px 30px var(--shadow);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(520px 220px at 20% 0%,var(--card-glow, transparent),transparent 60%),radial-gradient(520px 240px at 100% 30%,var(--card-glow-2, transparent),transparent 65%);opacity:.95;pointer-events:none}.card:after{content:"";position:absolute;inset:0;border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffffff0d;pointer-events:none}.card:hover{transform:translateY(-2px);border-color:#ffffff38;box-shadow:0 16px 50px var(--shadow),0 0 18px var(--card-glow, transparent)}.card__body{position:relative;padding:16px 16px 14px;display:grid;gap:10px}.card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card__badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:var(--muted)}.card__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--card-accent, var(--cyan));box-shadow:0 0 0 2px #ffffff0f,0 0 14px var(--card-glow, transparent)}.card__icon{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 18px var(--card-glow, transparent)}.card__icon svg{width:18px;height:18px;opacity:.95;color:var(--card-accent, var(--cyan))}.card__title{margin:0;font-weight:700;letter-spacing:.01em;font-size:16px}.card__desc{margin:0;color:var(--muted);font-size:13px}.card__footer{margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card__link{display:inline-flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:var(--text);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.card__link:hover{transform:translateY(-1px);border-color:#ffffff38;box-shadow:0 18px 48px var(--shadow),0 0 18px var(--card-glow, transparent)}.card__url{font-size:12px;color:var(--muted-2);max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dashed rgba(255,255,255,.14)}.card__copy{border:none;background:transparent;color:var(--muted);padding:9px 10px;border-radius:12px;cursor:pointer;transition:background .16s ease,color .16s ease}.card__copy:hover{background:#ffffff0d;color:var(--text)}.card__copy[data-state=copied]{color:#b6ff3be6;background:#b6ff3b14}.panel{border-radius:var(--radius);border:1px solid var(--border);background:#0a0a127a;padding:18px 16px;box-shadow:0 12px 38px var(--shadow)}.list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.list__item{display:flex;gap:12px;align-items:flex-start}.list__icon{width:36px;height:36px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f5ff1f;flex:0 0 auto}.list__icon svg{width:18px;height:18px;color:#00f5ffe6}.list__text{color:var(--muted);font-size:13px;margin-top:2px}.changelog{display:grid;gap:10px;padding:0;margin:0;list-style:none}.changelog__item{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:baseline;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:#0a0a126b}.changelog__date{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:#00f5ffd9}.changelog__text{color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--border);padding:18px 0 22px;background:#0a0a125c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer__links{display:flex;gap:14px;flex-wrap:wrap}.footer__links a{color:var(--muted);font-size:13px;border-bottom:1px dashed rgba(255,255,255,.16);padding-bottom:2px}.footer__links a:hover{color:var(--text);border-bottom-color:#00f5ff73}.footer__copy{color:var(--muted-2);font-size:13px}.about{display:grid;gap:16px}.about__hero{display:grid;gap:12px}.about__headline{margin-top:6px;color:var(--muted);font-size:13px}.about__link{color:#f5f5ffe0;border-bottom:1px dashed rgba(255,255,255,.18);padding-bottom:2px}.about__link:hover{color:var(--text);border-bottom-color:#00f5ff73}.about__chips{display:flex;flex-wrap:wrap;gap:8px}.about__bio{display:grid;gap:8px}.about__p{margin:0;color:var(--muted);font-size:13px}.about__stack{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.about__stack-card{grid-column:span 6;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff08;padding:12px}.about__stack-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:#00f5ffdb}.about__stack-desc{margin-top:8px;color:var(--muted);font-size:13px}.about__stack-items{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.about__tech{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:6px 10px;font-size:12px;color:var(--muted)}.boot{min-height:100vh;display:grid;place-items:center;padding:24px}.boot__frame{width:min(560px,100%);border-radius:var(--radius);border:1px solid var(--border);background:#1212208c;box-shadow:0 26px 80px var(--shadow),0 0 24px var(--glow-cyan);padding:20px 18px}.boot__title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:13px;color:#00f5ffe6}.boot__bar{height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#00f5ff1f,#8b5cf61f,#ff2bd61a);margin-top:12px;overflow:hidden;position:relative}.boot__bar:after{content:"";position:absolute;inset:0;transform:translate(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:boot 1.2s ease-in-out infinite}.boot__hint{margin-top:12px;color:var(--muted);font-size:13px}@keyframes boot{0%{transform:translate(-70%)}to{transform:translate(70%)}}@media(max-width:920px){.hero__grid{grid-template-columns:1fr}.card{grid-column:span 6}}@media(max-width:620px){.container{padding:0 16px}.nav__links{display:none}.hero{padding-top:48px}.hero__content,.hero__side{padding:18px}.card{grid-column:span 12}.changelog__item{grid-template-columns:1fr;gap:6px}.about__stack-card{grid-column:span 12}}
