@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";
:root{--bg-primary:#09090b;--bg-secondary:#111114;--bg-tertiary:#18181b;--bg-card:#1c1c20;--bg-card-hover:#222228;--bg-elevated:#27272a;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#a78bfa;--accent-green:#22c55e;--accent-green-dim:#16a34a;--accent-cyan:#06b6d4;--accent-orange:#f97316;--accent-pink:#ec4899;--accent-yellow:#eab308;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-green:linear-gradient(135deg, #22c55e 0%, #06b6d4 100%);--gradient-warm:linear-gradient(135deg, #f97316 0%, #ec4899 100%);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #6366f126 0%, transparent 70%);--gradient-hero-2:radial-gradient(ellipse 60% 40% at 80% 50%, #8b5cf614 0%, transparent 70%);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-accent:#818cf8;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-accent:#6366f14d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px #6366f126;--shadow-glow-green:0 0 40px #22c55e26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes count-up{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orbit{0%{transform:rotate(0)translate(140px)rotate(0)}to{transform:rotate(360deg)translate(140px)rotate(-360deg)}}.animate-fade-in-up{animation:.7s ease-out forwards fadeInUp}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-slide-left{animation:.7s ease-out forwards slideInLeft}.animate-slide-right{animation:.7s ease-out forwards slideInRight}.noise-overlay:before{content:"";opacity:.015;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.grid-bg{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);background:#1c1c2099;border-radius:16px;transition:all .3s}.glass-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);background:#222228b3;transform:translateY(-2px)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-green{background:var(--gradient-green);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-family:Sora,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.btn-primary:hover:before{opacity:1}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-family:Sora,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-primary);background:#6366f10d;transform:translateY(-2px)}.section{padding:100px 24px;position:relative}.section-label{color:var(--text-accent);text-transform:uppercase;letter-spacing:1.5px;background:#6366f11a;border:1px solid #6366f133;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:18px;line-height:1.7}.container{width:100%;max-width:1200px;margin:0 auto}.section-divider{background:linear-gradient(90deg, transparent, var(--border-default), transparent);max-width:1200px;height:1px;margin:0 auto}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-new{color:var(--accent-primary);background:#6366f126;border:1px solid #6366f140}.badge-popular{color:var(--accent-green);background:#22c55e26;border:1px solid #22c55e40}.badge-best{color:var(--accent-orange);background:#f9731626;border:1px solid #f9731640}.toggle-container{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:100px;align-items:center;gap:12px;padding:4px;display:inline-flex}.toggle-option{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:100px;padding:8px 20px;font-family:Sora,sans-serif;font-size:14px;font-weight:500;transition:all .3s}.toggle-option.active{background:var(--accent-primary);color:#fff}@media (max-width:768px){.section{padding:60px 16px}.section-title{font-size:28px}.section-subtitle{font-size:16px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:14px}}