:root{--bg: #070A12;--bg2: #0B1020;--text: #E9EEFC;--muted: rgba(233,238,252,.72);--border: rgba(255,255,255,.1);--border2: rgba(255,255,255,.14);--surface: rgba(255,255,255,.04);--primary: #6F5BFF;--secondary: #00F0FF;--highlight: #FF4FD8;--shadow: 0 24px 70px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:17px;overflow-x:hidden;color:var(--text);background:radial-gradient(900px 620px at 12% -10%,rgba(111,91,255,.45),transparent 55%),radial-gradient(980px 660px at 92% 6%,rgba(0,240,255,.22),transparent 55%),radial-gradient(900px 620px at 60% 0%,rgba(255,79,216,.16),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1.6px),radial-gradient(circle,rgba(0,240,255,.34) 1px,transparent 1.8px),radial-gradient(circle,rgba(255,79,216,.28) 1px,transparent 2px),radial-gradient(240px 160px at 16% 28%,rgba(255,79,216,.1),transparent 65%),radial-gradient(280px 180px at 84% 18%,rgba(0,240,255,.08),transparent 65%);background-size:220px 220px,320px 320px,420px 420px,auto,auto;background-position:12px 28px,80px 160px,140px 60px,0 0,0 0;opacity:.55;mix-blend-mode:screen;animation:starFadeIn .9s ease-out both,starDrift 22s linear infinite,twinkle 6s ease-in-out infinite}body:after{content:"";position:fixed;top:10%;left:-20%;width:220px;height:2px;pointer-events:none;z-index:0;background:linear-gradient(90deg,#00f0ff00,#00f0fff2,#ff4fd800);opacity:0;transform:rotate(-12deg);filter:blur(.2px);animation:shootingStar 11s ease-in-out infinite}body>*{position:relative;z-index:1}main{position:relative;overflow-x:hidden}main{isolation:isolate}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit;color:inherit;background:none;border:0;padding:0}button:hover{cursor:pointer}.container{width:min(1100px,calc(100% - 48px));margin:0 auto}:where(a,button,input,textarea,summary):focus-visible{outline:none;box-shadow:0 0 0 4px #6f5bff40,0 0 0 8px #00f0ff1f;border-radius:12px}.header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#070a12b3;border-bottom:1px solid var(--border)}.header:after{content:"";display:block;height:2px;background:linear-gradient(90deg,#6f5bffe6,#00f0ffd9,#ff4fd8bf);opacity:.75}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,2.2vw,22px) 0;gap:16px}.brand{--spark-x: 10%;display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:.2px;position:relative}.brand:before,.brand:after{content:"";position:absolute;left:var(--spark-x);top:50%;width:clamp(170px,12vw,240px);height:clamp(170px,12vw,240px);transform:translate(-50%,-50%) scale(.7);pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(.2px)}.brand:before{background:radial-gradient(circle at 50% 50%,#ff4fd800 0 58%,#ff4fd88c 60%,#ff4fd800 66%),radial-gradient(circle at 22% 36%,rgba(0,240,255,.9) 0 2px,transparent 6px),radial-gradient(circle at 68% 28%,rgba(255,255,255,.95) 0 2px,transparent 7px),radial-gradient(circle at 78% 66%,rgba(255,79,216,.85) 0 2px,transparent 7px),radial-gradient(circle at 32% 74%,rgba(0,240,255,.75) 0 2px,transparent 8px);animation:logoFirework 1.1s ease-out both}.brand:after{width:clamp(200px,14vw,280px);height:clamp(200px,14vw,280px);background:radial-gradient(circle at 50% 50%,#00f0ff00 0 56%,#00f0ff73 60%,#00f0ff00 67%),radial-gradient(circle at 18% 52%,rgba(255,79,216,.9) 0 2px,transparent 7px),radial-gradient(circle at 50% 18%,rgba(255,255,255,.9) 0 2px,transparent 7px),radial-gradient(circle at 86% 44%,rgba(0,240,255,.85) 0 2px,transparent 7px),radial-gradient(circle at 56% 84%,rgba(255,79,216,.75) 0 2px,transparent 8px);animation:logoFirework 1.2s ease-out both;animation-delay:.16s}.brand img{display:block;height:clamp(82px,6.8vw,140px);width:auto;filter:drop-shadow(0 12px 30px rgba(111,91,255,.45)) drop-shadow(0 0 22px rgba(0,240,255,.22))}.nav{display:flex;align-items:center;gap:10px;color:#e9eefce6}.nav a{padding:8px 10px;border-radius:12px}.nav a[aria-current=page]{background:#ffffff0f;border:1px solid rgba(0,240,255,.18);text-decoration:none}.nav a.cta{position:relative;padding:11px 16px;border-radius:999px;border:1px solid rgba(0,240,255,.35);background:linear-gradient(135deg,#6f5bfff2,#00f0ffbf);color:#eaf2ff;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 6px rgba(7,10,18,.35);text-decoration:none;box-shadow:0 12px 28px #6f5bff59,0 0 18px #00f0ff38,inset 0 0 0 1px #ffffff38}.nav a.cta:hover{border-color:#00f0ffa6;box-shadow:0 16px 34px #6f5bff66,0 0 24px #00f0ff4d;text-decoration:none}.hero{padding:70px 0 40px}.hero-title{margin:0 0 12px;font-size:clamp(30px,3.4vw,46px);line-height:1.08;letter-spacing:-.7px}.hero-kicker{margin:0 0 10px;font-size:clamp(18px,2.1vw,26px);font-weight:700;color:#e9eefceb;letter-spacing:-.2px}.hero p{margin:0 0 18px;color:var(--muted);max-width:70ch}.hero-kicker,.hero-title,.hero p,.hero .actions{animation:fadeUp .6s ease both}.hero-title{animation-delay:60ms}.hero p{animation-delay:.12s}.hero .actions{animation-delay:.18s}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;border:1px solid var(--border2);background:#ffffff0a;font-weight:650;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.btn.primary{background:linear-gradient(135deg,#6f5bfff2,#00f0ffb3);border-color:#00f0ff40;box-shadow:0 12px 28px #6f5bff59,0 0 18px #00f0ff38}.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 24px #00000047;border-color:#ffffff38}.section{position:relative;padding:72px 0;border-top:1px solid rgba(255,255,255,.08)}.section:before{content:"";position:absolute;top:0;left:50%;width:min(560px,70%);height:1px;transform:translate(-50%);background:linear-gradient(90deg,#ff4fd800,#ff4fd866,#00f0ff66,#00f0ff00);opacity:.8}.section.alt{background:radial-gradient(900px 420px at 15% 0%,rgba(255,79,216,.08),transparent 55%),radial-gradient(900px 420px at 85% 10%,rgba(0,240,255,.06),transparent 55%)}.section-head{max-width:78ch;margin-bottom:16px}.section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#e9eefcd9}.section-kicker:before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#ff4fd8f2,#00f0ffd9);box-shadow:0 0 16px #00f0ff38}.section-title{margin:8px 0 0;letter-spacing:-.3px}.section-subtitle{margin:8px 0 0;color:#e9eefcb8}.cta-section{padding:84px 0}.cta-section:before{display:none}.cta-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:18px;padding:22px;border-radius:22px;border:1px solid rgba(0,240,255,.28);background:radial-gradient(520px 260px at 20% 0%,rgba(111,91,255,.25),transparent 60%),radial-gradient(520px 260px at 90% 30%,rgba(0,240,255,.18),transparent 60%),linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:0 28px 80px #00000073,0 0 24px #00f0ff24}.cta-points{display:grid;gap:8px;color:#e9eefcd1;font-size:14px}.cta-points>div{padding-left:14px;position:relative}.cta-points>div:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,#ff4fd8e6,#00f0ffcc);box-shadow:0 0 12px #00f0ff59}.cta-actions{display:grid;gap:10px;align-content:start}.cta-actions .btn{width:100%}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto;padding:18px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.table th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e9eefcb3}.table td{color:#e9eefcd6}.table tr:hover td{background:#ffffff05}.grid{display:grid;gap:14px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{position:relative;overflow:hidden;border:1px solid rgba(255,79,216,.35);border-radius:18px;background:var(--surface);padding:18px;box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(240px 180px at 10% 0%,rgba(111,91,255,.25),transparent 60%),radial-gradient(240px 180px at 90% 0%,rgba(0,240,255,.18),transparent 60%),linear-gradient(120deg,rgba(255,79,216,.06),transparent 40%);opacity:.75;pointer-events:none}.card h3{margin:0 0 8px;letter-spacing:-.2px}.card p{margin:0;color:var(--muted)}.path-card{--accent: rgba(0,240,255,.75);--accent2: rgba(111,91,255,.35);text-align:center;padding:26px 20px;border-color:#00f0ff3d}.path-card:before{background:radial-gradient(360px 240px at 50% 0%,var(--accent2),transparent 60%),radial-gradient(420px 260px at 50% 100%,var(--accent),transparent 62%),linear-gradient(120deg,rgba(255,79,216,.06),transparent 40%);opacity:.65}.path-card.cyan{--accent: rgba(0,240,255,.75);--accent2: rgba(255,79,216,.14)}.path-card.purple{--accent: rgba(111,91,255,.75);--accent2: rgba(0,240,255,.16)}.path-card.pink{--accent: rgba(255,79,216,.75);--accent2: rgba(0,240,255,.12)}.path-card>*{position:relative;z-index:1}.path-card h3{margin-top:4px;font-size:20px;letter-spacing:-.3px}.path-card p{max-width:42ch;margin:0 auto;color:#e9eefcc7}.path-card .card-cta{margin-left:auto;margin-right:auto}.path-card .card-icon{position:absolute;inset:0;width:auto;height:auto;margin:0;border:none;background:none;box-shadow:none;display:grid;place-items:center;opacity:.18;pointer-events:none}.path-card .card-icon svg{width:156px;height:156px;stroke:var(--accent);stroke-width:1.2;filter:drop-shadow(0 0 18px rgba(0,240,255,.18)) drop-shadow(0 0 28px rgba(255,79,216,.12))}.path-card:hover{border-color:#2dd4bfa6;box-shadow:0 22px 54px #00000061,0 0 28px #00f0ff38}.card-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;border-radius:999px;border:1px solid rgba(0,240,255,.35);background:#00f0ff14;color:#eaf2ff;font-size:14px;font-weight:600;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card-cta:hover{transform:translateY(-1px);border-color:#00f0ff99;box-shadow:0 10px 22px #00000047,0 0 14px #00f0ff40;text-decoration:none}.card-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;background:linear-gradient(135deg,#6f5bff33,#00f0ff24);border:1px solid rgba(0,240,255,.25);box-shadow:0 8px 18px #6f5bff40,inset 0 0 0 1px #ffffff1f}.card-icon svg{width:22px;height:22px;fill:none;stroke:#eaf2ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,240,255,.35))}.card:hover{transform:translateY(-2px);border-color:#2dd4bf99;box-shadow:0 18px 44px #0000005c,0 0 22px #6f5bff40}.demo-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.demo-form h3{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px}.field{display:grid;gap:6px;font-size:14px;color:#e9eefcc7}.field input,.field select,.field textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--border2);background:#ffffff08;color:var(--text);font-size:15px;height:44px}.field textarea{height:auto}.field textarea{resize:vertical;min-height:120px}.field-full{grid-column:1 / -1}.req{color:#ff4fd8e6}.field input:focus,.field select:focus{outline:none;border-color:#00f0ff8c;box-shadow:0 0 0 4px #00f0ff2e}.demo-form .btn{width:100%}.demo-details{display:grid;gap:14px;align-content:start}.details-list{display:grid;gap:12px}.detail-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#e9eefc99}.note{padding:12px;border-radius:12px;background:#7c5cff1f;border:1px solid rgba(124,92,255,.25);color:#e9eefce6;font-size:14px}.success-banner{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#2dd4bf24;border:1px solid rgba(45,212,191,.35);color:#e9eefceb;font-size:14px}.error-banner{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#ff4fd81f;border:1px solid rgba(255,79,216,.35);color:#e9eefceb;font-size:14px}.error-banner a{text-decoration:underline;text-underline-offset:3px}.demo-form.was-submitted .field input:invalid,.demo-form.was-submitted .field select:invalid,.demo-form.was-submitted .field textarea:invalid{border-color:#ff4fd88c}.demo-form.was-submitted .field input:invalid:focus,.demo-form.was-submitted .field select:invalid:focus,.demo-form.was-submitted .field textarea:invalid:focus{box-shadow:0 0 0 4px #ff4fd82e}.footer{border-top:1px solid rgba(255,255,255,.08);padding:22px 0}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#e9eefcbf}.post-meta{color:#e9eefc9e;font-size:13px}.prose{max-width:78ch}.prose h1,.prose h2,.prose h3{letter-spacing:-.3px}.prose p,.prose li{color:#e9eefcc7}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:#e9eefcc7;font-size:12px;line-height:1}.tag-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.tag-link:hover{text-decoration:none}.tag-count{font-size:12px;color:#e9eefc9e}@media (max-width: 980px){.grid.three,.grid.two{grid-template-columns:1fr}.nav{flex-wrap:wrap;justify-content:flex-end}.demo-grid,.form-grid,.cta-panel{grid-template-columns:1fr}}@media (max-width: 640px){.container{width:min(1100px,calc(100% - 28px))}.header-inner{flex-wrap:wrap;justify-content:center;padding:12px 0;gap:12px}.brand img{height:clamp(56px,10vw,74px)}.nav{width:100%;justify-content:center;gap:8px}.nav a{padding:8px 9px}.nav a.cta{width:100%;justify-content:center}.hero{padding:56px 0 34px}.section{padding:64px 0}.path-card{padding:22px 18px}.path-card .card-icon svg{width:120px;height:120px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.btn{transition:none}.hero-kicker,.hero-title,.hero p,.hero .actions{animation:none}.card{transition:none}body:before,body:after{animation:none}.brand:before,.brand:after{animation:none}}@supports (overflow: clip){body{overflow-x:clip}main{overflow-x:clip}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes starFadeIn{0%{opacity:0;filter:blur(.6px)}to{opacity:.55;filter:blur(0px)}}@keyframes twinkle{0%{opacity:.16;filter:blur(0px);transform:translateY(0)}50%{opacity:.28;filter:blur(.2px)}to{opacity:.2;filter:blur(0px);transform:translateY(6px)}}@keyframes starDrift{0%{background-position:12px 28px,80px 160px,140px 60px,0 0,0 0}to{background-position:12px 140px,80px 320px,140px 220px,0 0,0 0}}@keyframes shootingStar{0%{transform:translate(0) rotate(-12deg) scaleX(.9);opacity:0}12%{opacity:0}18%{opacity:.55}30%{transform:translate(170vw) rotate(-12deg) scaleX(1.1);opacity:.28}38%{opacity:0}to{transform:translate(170vw) rotate(-12deg) scaleX(1.1);opacity:0}}@keyframes logoFirework{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:.95}55%{opacity:.55;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}