@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{@apply bg-navy text-offwhite font-sans antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{@apply font-sans font-bold;}code,pre,.font-mono{@apply font-mono;}}@layer components{.mc-card{@apply bg-navy-light border border-slate-brand/40 rounded-xl p-6;}.gold-line{@apply w-12 h-1 bg-gold rounded-full;}.state-badge{@apply font-mono text-xs px-2 py-1 rounded border;}.state-badge-active{@apply state-badge bg-gold/10 border-gold text-gold;}.state-badge-complete{@apply state-badge bg-green-50 border-green-500 text-green-700;}.state-badge-pending{@apply state-badge bg-slate-brand/10 border-slate-brand text-silver-brand;}.state-badge-halt{@apply state-badge bg-red-50 border-red-500 text-red-600 animate-pulse;}.section{@apply py-20 px-4;}.section-sm{@apply py-12 px-4;}.container-mc{@apply max-w-6xl mx-auto;}}@layer utilities{.text-gradient-gold{background:linear-gradient(90deg,#6b46c1,#8b64d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-grid{background-image:linear-gradient(rgba(107,70,193,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(107,70,193,.06) 1px,transparent 1px);background-size:40px 40px}}
