:root{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--accent-color: #7c3aed;--accent-gradient: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);--border-color: #e5e7eb;--card-bg: rgba(255, 255, 255, .7);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--nav-bg: rgba(255, 255, 255, .85);--hero-glow: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, .15) 0%, transparent 50%)}[data-theme=dark]{--bg-primary: #030712;--bg-secondary: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #a78bfa;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--border-color: #1e293b;--card-bg: rgba(17, 24, 39, .6);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--nav-bg: rgba(3, 7, 18, .7);--hero-glow: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, .3) 0%, transparent 60%)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;transition:background-color .4s ease,color .4s ease;line-height:1.6;overflow-x:hidden;background-image:var(--hero-glow);background-attachment:fixed}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.glass{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--glass-shadow);border-radius:20px}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}section{padding:6rem 0}@media(max-width:768px){:root{font-size:14px}section{padding:4rem 0}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}}.mobile-only{display:none}@media(max-width:900px){.mobile-only{display:block}.desktop-only{display:none!important}}