:root{--primary-bg: #0a0a0a;--secondary-bg: #141414;--accent-yellow: #facc15;--accent-blue: #3b82f6;--text-white: #ffffff;--text-gray: #a1a1aa;--nav-bg: rgba(255, 255, 255, .9);--nav-text: #000000;--card-bg: #1a1a1a;--border-radius-lg: 2rem;--border-radius-md: 1rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--primary-bg);color:var(--text-white);font-family:Inter,sans-serif;overflow-x:hidden;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:900;text-transform:uppercase}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:8rem 0}button{cursor:pointer;border:none;font-family:Outfit,sans-serif;font-weight:700;transition:all .3s ease}.btn-primary{background-color:var(--accent-yellow);color:#000;padding:1rem 2.5rem;border-radius:var(--border-radius-lg);font-size:1.1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #facc154d}.btn-secondary{background-color:transparent;color:var(--text-white);padding:1rem 2.5rem;border-radius:var(--border-radius-lg);border:2px solid var(--text-white);font-size:1.1rem}.btn-secondary:hover{background-color:var(--text-white);color:#000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.w-full{width:100%}.h-full{height:100%}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mt-16{margin-top:4rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.text-8xl{font-size:6rem}.text-9xl{font-size:8rem}.text-yellow-400{color:var(--accent-yellow)}.text-blue-500{color:var(--accent-blue)}.text-zinc-400{color:#a1a1aa}.text-zinc-500{color:#71717a}.text-zinc-800{color:#27272a}.bg-black{background-color:#000}.bg-zinc-800{background-color:#27272a}.bg-zinc-900{background-color:#18181b}.bg-zinc-900\/50{background-color:#18181b80}.bg-zinc-950{background-color:#09090b}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.fixed{position:fixed}.top-6{top:1.5rem}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[3rem\]{border-radius:3rem}.overflow-hidden{overflow:hidden}.aspect-square{aspect-ratio:1 / 1}.aspect-\[4\/5\]{aspect-ratio:4 / 5}.object-cover{object-fit:cover}.grayscale{filter:grayscale(100%)}.mix-blend-overlay{mix-blend-mode:overlay}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-tighter{letter-spacing:-.05em}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.transition-all{transition:all .3s ease}.transition-colors{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.transition-transform{transition:transform .3s ease}.hover\:grayscale-0:hover{filter:grayscale(0%)}.hover\:scale-105:hover{transform:scale(1.05)}.bg-blue-500\/10{background-color:#3b82f61a}.bg-yellow-400\/10{background-color:#facc151a}.bg-yellow-400\/20{background-color:#facc1533}.bg-blue-500\/20{background-color:#3b82f633}
