:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--accent-hover: #0ea5e9;--glass-border: rgba(255, 255, 255, .1);--font-family: "Outfit", sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:20px}.main-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:40px;border-bottom:1px solid var(--glass-border)}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--accent-color),#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em}.btn{background-color:var(--accent-color);color:var(--bg-color);border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:#ffffff1a;color:var(--text-primary)}.btn-secondary:hover{background-color:#fff3}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--card-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}