@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg-base:#09090f;--bg-surface:#111118;--bg-card:#18181f;--bg-card-hover:#1e1e27;--accent:#7c6efc;--accent-dim:#7c6efc26;--accent-border:#7c6efc59;--accent-glow:#7c6efc66;--green:#4ade80;--green-dim:#4ade801f;--green-glow:#4ade804d;--text-primary:#f0f0ff;--text-secondary:#a1a1b5;--text-muted:#5c5c7a;--border:#ffffff12;--border-strong:#ffffff1f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#18181f99}.text-gradient{background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 50%, var(--green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.tag{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.tag.green{background:var(--green-dim);color:var(--green);border-color:#4ade8040}.section{padding:100px 0}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--accent);border-radius:2px;width:20px;height:2px;display:block}.section-title{margin-bottom:16px;font-size:clamp(2rem,5vw,3rem)}.section-desc{color:var(--text-secondary);max-width:520px;font-size:1.05rem;line-height:1.7}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#7c6efc08 1px,#0000 1px),linear-gradient(90deg,#7c6efc08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.bg-glow-top{pointer-events:none;z-index:0;background:radial-gradient(#7c6efc1f 0%,#0000 70%);width:800px;height:600px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow), 0 0 80px #7c6efc33}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all .25s var(--ease);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow);background:#9080ff;transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-strong);background:0 0}.btn-outline:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease)}.card:hover{border-color:var(--accent-border);background:var(--bg-card-hover);box-shadow:0 20px 60px #0006, 0 0 30px var(--accent-dim);transform:translateY(-4px)}@media (max-width:768px){.section{padding:72px 0}.container{padding:0 20px}}@media (max-width:480px){.section{padding:56px 0}}.logo-text{color:#fff;font-family:var(--font-display);-webkit-text-fill-color:#fff;font-weight:700}
