*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-card: #16161f;--bg-card-hover: #1c1c28;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--accent-primary: #3b82f6;--accent-primary-light: #60a5fa;--accent-secondary: #10b981;--accent-tertiary: #8b5cf6;--border-color: #2a2a3a;--border-light: #3a3a4a;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #10b981 100%);--gradient-hero: linear-gradient(180deg, #0a0a0f 0%, #12121a 100%);--gradient-card: linear-gradient(145deg, #1a1a24 0%, #12121a 100%);--gradient-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(59, 130, 246, .15), transparent);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(59, 130, 246, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-4xl) 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto var(--spacing-3xl)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}@media(max-width:768px){.section{padding:var(--spacing-3xl) 0}.section-title{font-size:1.875rem}.section-subtitle{font-size:1rem}.container{padding:0 var(--spacing-md)}}