:root{--color-primary: #333f48;--color-accent: #00aaff;--color-light: #f5f7fa;--color-white: #ffffff;--color-dark: #0f141a;--color-text: #333f48;--color-text-light: #666666;--color-border: #e0e0e0;--color-header-bg: rgba(255, 255, 255, .98);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--border-radius: 12px;--transition: all .25s ease-in-out;--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12)}.theme-dark{--color-primary: #e5e7eb;--color-accent: #00aaff;--color-light: #111827;--color-white: #0b0f14;--color-dark: #0b0f14;--color-text: #e5e7eb;--color-text-light: #a1a1aa;--color-border: #1f2937;--color-header-bg: rgba(11, 15, 20, .98)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-white);overflow-x:hidden;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md);color:var(--color-text-light);line-height:1.8}a{color:var(--color-accent);text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;transition:var(--transition);border-radius:var(--border-radius)}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;border-radius:999px}.btn-primary{background-color:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background-color:#08c;transform:translateY(-2px);box-shadow:0 4px 12px #00aaff4d}.btn-secondary{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background-color:var(--color-light)}.btn-dark{background-color:var(--color-primary);color:var(--color-white)}.btn-dark:hover{background-color:var(--color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #333f484d}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-2xl) 0}.section-light{background-color:var(--color-light)}.section-dark{background-color:var(--color-primary);color:var(--color-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6{color:var(--color-white)}.section-dark p{color:#fffc}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex;align-items:center;justify-content:space-between}.flex-center{justify-content:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}@media(max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.section{padding:var(--spacing-xl) 0}}@media(max-width:480px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.section{padding:var(--spacing-lg) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}