:root{--bg-color: #f8fafc;--text-color: #1e293b;--primary-color: #3b82f6;--secondary-color: #6366f1;--accent-color: #06b6d4;--surface-color: #ffffff;--border-color: #e2e8f0;--text-muted: #64748b;--container-width: 1200px;--header-height: 70px;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5)}:root.dark-theme{--bg-color: #0f172a;--text-color: #f1f5f9;--primary-color: #60a5fa;--secondary-color: #818cf8;--accent-color: #22d3ee;--surface-color: #1e293b;--border-color: #334155;--text-muted: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3);--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}p{margin-bottom:1rem;color:var(--text-muted)}a{text-decoration:none;color:var(--primary-color);transition:color .2s ease}a:hover{color:var(--secondary-color)}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .8s ease forwards}.animate-slide-up{animation:slideUp .8s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}