@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#000;--surface:#18181b;--surface-border:#27272a;--text:#fff;--text-muted:#a1a1aa;--accent:#22c55e;--accent-hover:#4ade80;--blue:#3b82f6}@layer base{html{font-family:Inter,sans-serif}body{@apply bg-black text-white;background:var(--bg);color:var(--text)}}@layer components{.logo{@apply flex items-center gap-2 font-semibold text-base}.nav-link{@apply mx-3 text-sm text-zinc-400 transition-colors duration-200;color:var(--text-muted)}.nav-link:hover{@apply text-green-500;color:var(--accent)}.hero-section{@apply text-center py-24 px-4;background:linear-gradient(to bottom,var(--surface),var(--bg))}.hero-title{@apply text-5xl font-bold mb-4}.hero-features,.hero-subtitle{@apply list-none p-0 mb-8 text-zinc-400;color:var(--text-muted)}.hero-features li{@apply my-1}.accent-text{@apply text-blue-500;color:var(--blue)}.primary-button{@apply bg-green-500 text-black px-4 py-2 border-0 font-medium rounded-lg cursor-pointer transition-colors duration-200;background:var(--accent)}.primary-button:hover{@apply bg-green-400;background:var(--accent-hover)}.surface-section{@apply text-center py-16 px-4;background:var(--surface)}.logo-image,.logos-section{@apply h-6 mx-4 opacity-75}}