@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background-color:#0b0b0b;color:#fff;position:relative;overflow-x:hidden}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body:before{content:"";position:fixed;width:1200px;height:1200px;top:-40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(168,85,247,.45) 0%,rgba(159,66,247,.3) 30%,rgba(168,85,247,.15) 50%,transparent 70%);z-index:-1;pointer-events:none;animation:floatGlow 18s ease-in-out infinite}body:after{content:"";position:fixed;width:900px;height:900px;bottom:-45%;right:-20%;background:radial-gradient(circle,rgba(124,58,237,.35) 0%,rgba(124,58,237,.2) 35%,rgba(124,58,237,.1) 55%,transparent 75%);z-index:-1;pointer-events:none;animation:floatGlowReverse 22s ease-in-out infinite}@keyframes floatGlow{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(20px)}}@keyframes floatGlowReverse{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@keyframes glowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.logo{height:6rem;padding:1rem;transition:transform .2s ease}.logo:hover{transform:rotate(8deg)}.card{padding:1.5rem;border-radius:12px;background:#ffffff05;box-shadow:0 8px 30px #00000080;margin:1.5rem auto;max-width:720px}.read-the-docs{color:#9ca3af}.read-the-docs:hover{text-decoration:underline}.hero-wrapper{position:relative;min-height:100vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:3px solid #a855f7;box-shadow:0 4px 20px #a855f74d}.hero-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:56px}.primary-btn{background:linear-gradient(180deg,#fff,#e5e5e5);color:#000;padding:16px 34px;border-radius:999px;font-weight:500;font-size:1rem;box-shadow:0 0 #fff0,0 20px 40px #0009;transition:box-shadow .25s ease,transform .25s ease}.primary-btn:hover{box-shadow:0 0 0 20px #ffffff40,0 25px 60px #a855f740}.secondary-btn{background:#ffffff0f;color:#fff;padding:16px 34px;border-radius:999px;font-weight:600;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff1f;transition:background .25s ease,box-shadow .25s ease}.secondary-btn:hover{background:#ffffff40;box-shadow:inset 0 0 0 20px #ffffff40,0 25px 60px #a855f740}.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;filter:saturate(120%)}.hero-bg:before{content:"";position:absolute;width:900px;height:900px;top:-35%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(168,85,247,.45) 0%,rgba(168,85,247,.25) 30%,rgba(168,85,247,.12) 45%,rgba(168,85,247,.05) 60%,transparent 70%);animation:glowFloat 14s ease-in-out infinite}.hero-bg:after{content:"";position:absolute;width:700px;height:700px;bottom:-35%;right:-20%;background:radial-gradient(circle,rgba(124,58,237,.4) 0%,rgba(124,58,237,.22) 35%,rgba(124,58,237,.1) 55%,transparent 70%);animation:glowFloatReverse 18s ease-in-out infinite}.hero-glow{position:absolute;border-radius:9999px;filter:blur(140px);opacity:.45}.hero-glow-top{width:700px;height:700px;background:#7c3aed;top:-250px;left:50%;transform:translate(-50%)}.hero-glow-bottom{width:600px;height:600px;background:#4c1d95;bottom:-250px;right:-200px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at top,black 40%,transparent 75%);mask-image:radial-gradient(circle at top,black 40%,transparent 75%)}.hero-content{position:relative;z-index:2;max-width:900px;padding:0 24px;text-align:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.hero-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.1;margin-bottom:24px}.hero-title span{color:#a855f7}.hero-subtitle{font-size:1.25rem;max-width:680px;margin:0 auto 40px;line-height:1.6}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.primary-btn{background:linear-gradient(180deg,#fff,#e5e5e5);color:#000;padding:16px 34px;border-radius:999px;font-weight:600;font-family:Inter,sans-serif;font-size:1rem;border:none;cursor:pointer;box-shadow:0 0 #fff0,0 20px 40px #0009;transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 6px #000}.primary-btn:hover{transform:translateY(-10px) scale(1.05);background:#a855f7;color:#fff;box-shadow:0 0 20px #ffffff40,0 25px 60px #a855f740}.secondary-btn{font-family:Inter,sans-serif;font-weight:600;font-size:1.05rem;padding:18px 28px;background:#a855f7;color:#fff;border:none;display:inline-flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 6px #000}.secondary-btn:hover{transform:translateY(-10px) scale(1.05);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff40,0 10px 40px #a855f726}.hero-tagline{margin-top:48px;font-style:italic;color:#a78bfa;font-size:1.1rem}@media(max-width:600px){.hero-title{font-size:clamp(2.5rem,8vw,4rem)}.hero-subtitle{font-size:1rem}}