@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-main:#0b0e14;--bg-surface:#121722;--bg-card:#121722e6;--border-main:#ffffff14;--border-highlight:#6366f159;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-indigo:#6366f1}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0e14}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-main);border-radius:.875rem;transition:all .2s;box-shadow:0 4px 20px #00000059}.glass-panel:hover{border-color:var(--border-highlight)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s ease-out forwards fadeIn}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-beginner{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.badge-intermediate{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-senior{color:#f87171;background:#f43f5e1a;border:1px solid #f43f5e33}