@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@300;400;500;700&display=swap";
:root{--primary:#121212;--primary-light:#2d2d2d;--secondary:#fbbf24;--secondary-rgb:251,191,36;--accent:gold;--accent-rgb:255,215,0;--section-padding:clamp(3rem,10vw,6rem)1.5rem;--container-max-width:1200px;--background:#fff;--surface:#f9fafb;--foreground:#111827;--muted:#4b5563;--glass:#ffffffb3;--glass-border:#00000014;--glass-heavy:#fffffff2;--card-hover:rgba(var(--secondary-rgb),.05)}:root.dark{--background:#0a0a0b;--surface:#121214;--foreground:#f9fafb;--muted:#9ca3af;--accent:#fbbf24;--accent-rgb:251,191,36;--glass:#ffffff08;--glass-border:#ffffff08;--glass-heavy:#0a0a0bcc;--card-hover:#ffffff0a}@media (prefers-color-scheme:dark){:root:not(.light){--background:#0a0a0b;--surface:#121214;--foreground:#f9fafb;--muted:#9ca3af;--accent:#fbbf24;--accent-rgb:251,191,36;--glass:#ffffff08;--glass-border:#ffffff1a;--glass-heavy:#0a0a0b99;--card-hover:#ffffff0a}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);color:var(--foreground);scroll-behavior:smooth;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.brand-font{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:800}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max-width);z-index:1;margin:0 auto;position:relative}.section{padding:var(--section-padding)}.grid{gap:2rem;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.mobile-stack{flex-direction:column;display:flex}@media (min-width:768px){.mobile-stack{flex-direction:row}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px}.gradient-text{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.gradient-text{background:linear-gradient(135deg,white 0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.gradient-border{background:linear-gradient(135deg,var(--secondary),var(--primary-light));border-radius:24px;padding:1px;position:relative}.cta-button{cursor:pointer;border-radius:100px;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Outfit,sans-serif;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.cta-primary{background:var(--secondary);color:var(--primary);box-shadow:0 4px 20px rgba(var(--secondary-rgb),.3);border:none}.cta-primary:hover{box-shadow:0 8px 30px rgba(var(--secondary-rgb),.5);transform:translateY(-2px)}.cta-secondary{background:var(--glass);border:1px solid var(--glass-border);color:var(--foreground)}.cta-secondary:hover{background:var(--glass-border);transform:translateY(-2px)}.cta-gold{background:var(--accent);color:var(--primary);border:none}.cta-gold:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.nav-container{z-index:1000;width:calc(100% - 3rem);max-width:1000px;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav-bar{background:var(--glass-heavy);justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;box-shadow:0 10px 30px #0000000d}.mobile-nav-top,.mobile-nav-bottom{display:none}.logo-img{width:auto;height:40px}@media (prefers-color-scheme:dark){:root:not(.light) .nav-bar{box-shadow:0 10px 30px #00000080}}:root.dark .nav-bar{box-shadow:0 10px 30px #00000080}.card{background:var(--glass);padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{background:var(--card-hover);border-color:var(--secondary);transform:translateY(-8px);box-shadow:0 20px 40px #0000000d}.badge{background:rgba(var(--accent-rgb),.1);color:var(--accent);border-radius:100px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.8s forwards fadeIn}@media (max-width:768px){.nav-container.desktop-nav{display:none}.mobile-nav-top{background:var(--glass-heavy);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1000;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-nav-bottom{background:var(--glass-heavy);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:1000;height:72px;padding:0 1rem;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item-mobile{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;display:flex}.nav-item-mobile.active{color:var(--secondary)}.nav-item-mobile svg{width:20px;height:20px}.join-button-mobile{background:var(--secondary);color:var(--primary);width:44px;height:44px;box-shadow:0 4px 15px rgba(var(--secondary-rgb),.3);border-radius:12px;justify-content:center;align-items:center;display:flex}h1{font-size:2.5rem!important}h2{font-size:2rem!important}.section{padding:3rem 1rem}}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block}.desktop-only{display:none}.mobile-only-border-bottom{border-bottom:1px solid var(--glass-border);margin-bottom:2rem!important;padding-bottom:2rem!important}}