:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--card-bg: rgba(15, 23, 42, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.gradient-text{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-padding{padding:5rem 1.5rem;max-width:1200px;margin:0 auto}h1,h2,h3{color:var(--text-primary);font-weight:700}h2{font-size:2.5rem;margin-bottom:3rem;text-align:center}a{color:var(--accent-secondary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-primary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}
