:root{--background:#020617;--background-alt:#0b1120;--foreground:#f8fafc;--primary:#fbbf24;--primary-hover:#f59e0b;--primary-glow:#fbbf244d;--secondary:#38bdf8;--secondary-hover:#0ea5e9;--secondary-glow:#38bdf84d;--accent:#6366f1;--card-bg:#1e293b80;--card-border:#ffffff14;--glass-bg:#020617b3;--glass-border:#ffffff1a;--text-muted:#94a3b8;--font-outfit:"Outfit",sans-serif}html,body{background:var(--background);color:var(--foreground);font-family:var(--font-outfit);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:8rem 0;display:grid}.resource-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.badge{color:var(--primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.dot{background:var(--primary);border-radius:50%;width:.5rem;height:.5rem;position:relative}.dot-ping{background:var(--primary);border-radius:50%;animation:1.5s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.title-main{color:#fff;margin-bottom:1.5rem;font-size:4.5rem;font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite gradient}@keyframes gradient{to{background-position:200%}}.subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.btn-group{gap:1.5rem;display:flex}.btn-premium{background:var(--primary);color:#000;border-radius:.75rem;padding:1rem 2rem;font-weight:700;transition:all .3s;box-shadow:0 10px 15px -3px #fbbf2433}.btn-premium:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-outline{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:1rem 2rem;font-weight:600;transition:all .3s}.btn-outline:hover{background:#ffffff1a}.stats-row{border-top:1px solid #ffffff0d;gap:3rem;margin-top:4rem;padding-top:2rem;display:flex}.stat-item h4{color:#fff;margin:0;font-size:1.75rem;font-weight:800}.stat-item p{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.card-premium{background:#0f172a80;border:1px solid #ffffff0d;border-radius:1.5rem;flex-direction:column;padding:2.5rem;transition:all .5s;display:flex}.card-premium:hover{background:#1e293b80;border-color:#fbbf244d;transform:translateY(-5px)}.card-icon{background:#fbbf241a;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:2rem;font-size:2rem;display:flex}.card-premium h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700}.card-premium p{color:var(--text-muted);flex-grow:1;margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.price{color:#fff;font-size:1.5rem;font-weight:700}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.mockup-container{background:linear-gradient(135deg,#fbbf2433,#38bdf833);border-radius:1.5rem;padding:1px;position:relative}.mockup-window{background:#0f172a;border:1px solid #ffffff1a;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.mockup-header{background:#ffffff0d;border-bottom:1px solid #ffffff0d;gap:.5rem;padding:.75rem 1rem;display:flex}.btn-dot{border-radius:50%;width:.75rem;height:.75rem}.mockup-body{aspect-ratio:16/10;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.mockup-line{background:#ffffff0d;border-radius:9999px;height:1rem}.blob{filter:blur(120px);z-index:-1;opacity:.2;border-radius:50%;position:absolute}.blob-1{background:var(--primary);width:40rem;height:40rem;top:-10rem;left:20%}.blob-2{background:var(--secondary);width:30rem;height:30rem;bottom:0;right:10%}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr;padding:6rem 0}.subtitle{margin:0 auto 2.5rem}.btn-group,.stats-row{justify-content:center}.resource-grid{grid-template-columns:repeat(2,1fr)}.title-main{font-size:3.5rem}}@media (max-width:640px){.resource-grid{grid-template-columns:1fr}.stats-row{flex-wrap:wrap;gap:2rem}.title-main{font-size:2.75rem}}.navbar{z-index:100;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617cc;border-bottom:1px solid #ffffff0d;padding:1rem 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:#fff}.mobile-menu-btn{display:none!important}@media (max-width:1024px){.nav-links{display:none}.mobile-menu-btn{display:block!important}}.cta-box{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff1a;border-radius:3rem;padding:6rem 4rem;position:relative;overflow:hidden}.cta-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.cta-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.125rem;line-height:1.6}