@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;vertical-align:middle;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--primary:#fc5200;--primary-light:#f73;--primary-dark:#cc4200;--primary-glow:#fc52004d;--gradient-brand:linear-gradient(135deg, #fc5200 0%, #ff7a33 100%);--gradient-brand-soft:linear-gradient(135deg, #fc52002e 0%, #fc52000d 100%);--accent-04:#fc52000a;--accent-08:#fc520014;--accent-12:#fc52001f;--accent-20:#fc520033;--accent-30:#fc52004d;--card-grad:linear-gradient(180deg, #1c140e 0%, #100b08 100%);--card-grad-hover:linear-gradient(180deg, #271a10 0%, #140d09 100%);--card-ring:#fc52002e;--card-ring-hover:#fc52007a;--card-inset:inset 0 1px 0 #fc520024;--card-glow:0 24px 60px #0000008c, 0 0 0 1px #fc52000d, 0 16px 50px #fc520012;--bg-primary:#0b0806;--bg-secondary:#100b08;--bg-card:#17110b;--bg-card-hover:#1f160d;--bg-input:#181009;--bg-elevated:#20160d;--text-primary:#fafaf9;--text-secondary:#a6a6a4;--text-muted:#6b6b69;--text-dim:#3d3d3b;--border:#1f1f22;--border-light:#2c2c30;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:52px;--space-3xl:72px;--space-4xl:120px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 24px #00000052;--shadow-lg:0 24px 64px #00000073;--shadow-glow:0 0 48px #fc52001f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--max-width:1200px;--navbar-height:72px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;font-weight:800;line-height:1.1}h1{letter-spacing:-.04em}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-4xl) 0}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;letter-spacing:-.01em;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:#fc5200;border:none;padding:14px 32px;box-shadow:0 4px 16px #fc520047}.btn-primary:hover{background:#e04a00;transform:translateY(-2px);box-shadow:0 8px 28px #fc520061}.btn-primary:active{background:#c40;transform:translateY(0);box-shadow:0 2px 10px #fc520040}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);padding:14px 32px;box-shadow:inset 0 1px #ffffff08}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#fc52000f;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.btn-secondary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:10px 20px}.btn-ghost:hover{color:var(--primary)}.card{background:var(--card-grad);border:1px solid var(--card-ring);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--card-inset), var(--card-glow);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--card-ring-hover);background:var(--card-grad-hover);box-shadow:var(--card-inset), 0 28px 70px #0009, 0 0 0 1px #fc52001f, 0 20px 60px #fc520024;transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(-55%)rotate(-4deg)}50%{transform:translateY(-57%)rotate(-4deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #fc520033}50%{box-shadow:0 0 40px #fc520066}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fade-in-up{animation:fadeInUp .7s var(--ease-out) both}.animate-fade-in{animation:fadeIn .5s var(--ease-out) both}.animate-float{animation:6s ease-in-out infinite float}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media (max-width:768px){:root{--space-4xl:64px}.container{padding:0 var(--space-md)}}
