@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary: #2563EB;--primary-hover: #1D4ED8;--secondary: #000000;--accent: #FACC15;--dark-bg: #FFFFFF;--dark-card: #F8FAFC;--light-text: #1E293B;--muted-text: #64748B;--border: #E2E8F0;--font-heading: "Space Grotesk", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--nav-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-body);background-color:var(--dark-bg);color:var(--light-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;margin-bottom:.5em;line-height:1.1;text-transform:uppercase;letter-spacing:-.5px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.container{width:100%;padding:0 16px;margin:0 auto}.section-padding{padding:60px 0}.text-gradient{background:linear-gradient(to right,var(--primary),var(--accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:5px;font-weight:700;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;width:100%;max-width:400px}@media(min-width:480px){.btn{width:auto}}.btn-primary{background:var(--secondary);color:#fff;border:2px solid var(--secondary)}.btn-primary:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:4px 4px 0 var(--accent)}.btn-outline{background:transparent;border:2px solid var(--secondary);color:var(--secondary)}.btn-outline:hover{background:var(--accent);color:var(--secondary);border-color:var(--secondary);box-shadow:4px 4px 0 var(--secondary)}.footer-link{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s;padding:5px}.footer-link:hover{color:var(--accent)}.footer-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@media(min-width:768px){:root{--nav-height: 80px}h1{font-size:3.5rem}h2{font-size:2.5rem}.container{max-width:768px;padding:0 24px}.section-padding{padding:80px 0}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}
