:root{--bg-color: #0f1115;--surface-color: #1a1d24;--surface-hover: #232730;--text-primary: #f8f9fa;--text-secondary: #a1a1aa;--accent-color: #00e5ff;--accent-color-hover: #00c4db;--border-color: rgba(255, 255, 255, .08);--card-shadow: 0 8px 32px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh}.glass{background:#1a1d24b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}