@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-primary: #ffffff;--bg-secondary: #f9f9f9;--text-primary: #111111;--text-secondary: #555555;--accent-primary: #0066cc;--accent-secondary: #005bb5;--border-light: rgba(0, 0, 0, .08)}.dark{--bg-primary: #111111;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent-primary: #3b82f6;--accent-secondary: #2563eb;--border-light: rgba(255, 255, 255, .1)}html,body{@apply overscroll-none;}body{@apply bg-white dark:bg-[#111111] text-[#111111] dark:text-white font-inter antialiased transition-colors duration-300 overflow-x-hidden;}h1,h2,h3,.font-outfit{@apply font-outfit tracking-tight text-balance;}}@layer components{.clean-card,.glass-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:transform .2s ease,box-shadow .2s ease}.dark .glass-card{background:#1a1a1a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d}.clean-card:hover,.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.dark .clean-card:hover,.dark .glass-card:hover{box-shadow:0 10px 30px #00000080;border-color:#fff3}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-blue-600 to-indigo-500 dark:from-blue-400 dark:to-indigo-400;}.btn-primary{@apply bg-blue-600 text-white font-medium py-2.5 px-6 rounded-lg transition-all duration-200 hover:bg-blue-700 shadow-sm hover:shadow-md active:scale-[.98];}.btn-accent{@apply bg-black dark:bg-white text-white dark:text-black font-medium py-2.5 px-6 rounded-lg transition-all duration-200 hover:opacity-90 shadow-sm active:scale-[.98];}.btn-outline{@apply bg-transparent text-gray-800 dark:text-gray-200 border border-gray-300 dark:border-gray-700 font-medium py-2.5 px-6 rounded-lg transition-all duration-200 hover:bg-gray-50 dark:hover:bg-gray-800 active:scale-[.98];}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#4b5563}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}