:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--accent-50: #fdf4ff;--accent-100: #fae8ff;--accent-200: #f5d0fe;--accent-300: #f0abfc;--accent-400: #e879f9;--accent-500: #d946ef;--accent-600: #c026d3;--accent-700: #a21caf;--accent-800: #86198f;--accent-900: #701a75;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--success-50: #f0fdf4;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-700) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-700) 100%);--gradient-green: linear-gradient(135deg, var(--green-500) 0%, var(--green-700) 100%);--gradient-green-light: linear-gradient(135deg, var(--green-400) 0%, var(--green-600) 100%);--gradient-green-dark: linear-gradient(135deg, var(--green-600) 0%, var(--green-800) 100%);--hero-bg: #1e293b;--hero-accent: #64748b;--hero-highlight: #94a3b8;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--secondary-900);--bg-secondary: var(--secondary-800);--text-primary: var(--secondary-50);--text-secondary: var(--secondary-300);--text-muted: var(--secondary-400)}}:root{--bg-primary: #ffffff;--bg-secondary: var(--secondary-50);--text-primary: var(--secondary-900);--text-secondary: var(--secondary-700);--text-muted: var(--secondary-500)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-y:scroll}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--secondary-300);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);background-color:var(--bg-primary);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.container{max-width:1920px;margin:0 auto;padding:0 var(--space-6)}.section-padding{padding:var(--space-20) 0}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green{background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-green{background:var(--gradient-green)}.bg-gradient-green-light{background:var(--gradient-green-light)}.bg-gradient-green-dark{background:var(--gradient-green-dark)}.section-title{text-align:center;margin-bottom:var(--space-16);font-size:var(--text-4xl);font-weight:var(--font-bold);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;display:inline-block;width:100%}.section-title:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:linear-gradient(45deg,#0ea5e91a,#3b82f61a);border-radius:var(--radius-2xl);z-index:-1;animation:titleGlow 4s ease-in-out infinite}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);animation:titleUnderline 3s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes heroParticles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes heroGlow{0%,to{box-shadow:0 0 20px #64748b33}50%{box-shadow:0 0 40px #64748b66,0 0 60px #94a3b833}}@keyframes floatShape1{0%,to{transform:translateY(0) rotate(0);opacity:.1}25%{transform:translateY(-20px) rotate(90deg);opacity:.2}50%{transform:translateY(-10px) rotate(180deg);opacity:.15}75%{transform:translateY(-30px) rotate(270deg);opacity:.2}}@keyframes floatShape2{0%,to{transform:translateY(0) rotate(0);opacity:.15}33%{transform:translateY(-15px) rotate(120deg);opacity:.25}66%{transform:translateY(-25px) rotate(240deg);opacity:.2}}@keyframes floatElement1{0%,to{transform:translateY(0) scale(1);opacity:.1}20%{transform:translateY(-30px) scale(1.1);opacity:.2}40%{transform:translateY(-15px) scale(.9);opacity:.15}60%{transform:translateY(-35px) scale(1.05);opacity:.18}80%{transform:translateY(-20px) scale(.95);opacity:.12}}@keyframes floatElement2{0%,to{transform:translateY(0) rotate(0);opacity:.12}30%{transform:translateY(-20px) rotate(120deg);opacity:.2}60%{transform:translateY(-10px) rotate(240deg);opacity:.15}90%{transform:translateY(-25px) rotate(360deg);opacity:.18}}@keyframes gradientShift{0%,to{opacity:.3;transform:scale(1)}25%{opacity:.5;transform:scale(1.05)}50%{opacity:.4;transform:scale(.95)}75%{opacity:.6;transform:scale(1.02)}}@keyframes titleGlow{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.05)}}@keyframes titleUnderline{0%,to{width:60px;opacity:.8}50%{width:80px;opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 768px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.5rem}.container{padding:0 var(--space-4)}.section-padding{padding:var(--space-16) 0}}@media (max-width: 480px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem}.container{padding:0 var(--space-3)}}@media (prefers-reduced-motion: reduce){.page-wrapper:before,.page-wrapper:after,.hero-shape{animation:none}}.page-wrapper{background:var(--hero-bg);position:relative;overflow:hidden;min-height:100vh}.page-wrapper:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,var(--hero-accent) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(100,116,139,.2) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(148,163,184,.15) 0%,transparent 40%);animation:heroFloat 20s ease-in-out infinite;z-index:1}.page-wrapper:after{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(148,163,184,.4),transparent),radial-gradient(2px 2px at 40px 70px,rgba(100,116,139,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(148,163,184,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(100,116,139,.25),transparent),radial-gradient(2px 2px at 160px 30px,rgba(148,163,184,.15),transparent),radial-gradient(1px 1px at 200px 60px,rgba(100,116,139,.2),transparent),radial-gradient(2px 2px at 250px 20px,rgba(148,163,184,.3),transparent),radial-gradient(1px 1px at 300px 90px,rgba(100,116,139,.15),transparent),radial-gradient(2px 2px at 350px 50px,rgba(148,163,184,.25),transparent);background-repeat:repeat;background-size:400px 200px;animation:heroParticles 15s linear infinite;opacity:.4;will-change:transform;z-index:1}.page-wrapper .floating-shapes{position:fixed;inset:0;pointer-events:none;z-index:1}.page-wrapper .floating-shapes:before{content:"";position:absolute;top:20%;left:10%;width:60px;height:60px;background:linear-gradient(45deg,#94a3b81a,#64748b1a);border-radius:50%;animation:floatShape1 12s ease-in-out infinite}.page-wrapper .floating-shapes:after{content:"";position:absolute;top:60%;right:15%;width:40px;height:40px;background:linear-gradient(135deg,#64748b26,#94a3b826);border-radius:20%;animation:floatShape2 15s ease-in-out infinite}.page-wrapper .floating-elements{position:fixed;inset:0;pointer-events:none;z-index:1}.page-wrapper .floating-elements:before{content:"";position:absolute;top:30%;right:20%;width:80px;height:80px;background:radial-gradient(circle,rgba(148,163,184,.1) 0%,transparent 70%);border-radius:50%;animation:floatElement1 18s ease-in-out infinite}.page-wrapper .floating-elements:after{content:"";position:absolute;bottom:30%;left:25%;width:50px;height:50px;background:linear-gradient(60deg,#64748b1f,#94a3b81f);border-radius:30%;animation:floatElement2 14s ease-in-out infinite}.page-wrapper .gradient-overlay{position:fixed;inset:0;pointer-events:none;z-index:1}.page-wrapper .gradient-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(100,116,139,.05) 0%,transparent 50%),linear-gradient(135deg,rgba(148,163,184,.03) 0%,transparent 50%),linear-gradient(225deg,rgba(71,85,105,.04) 0%,transparent 50%);animation:gradientShift 25s ease-in-out infinite}.page-wrapper .gradient-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(148,163,184,.08) 0%,transparent 60%),radial-gradient(ellipse at bottom right,rgba(100,116,139,.06) 0%,transparent 60%);animation:gradientShift 30s ease-in-out infinite reverse}.lang-flag-btn{position:relative;z-index:5;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid rgba(0,0,0,.2);background:#fff;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease}.lang-flag-btn:hover{transform:scale(1.05);border-color:#0006}.lang-flag-btn:focus-visible{outline:3px solid rgba(0,102,204,.6);outline-offset:2px}.flag-svg{width:100%;height:100%;display:block;border-radius:50%}@media (prefers-color-scheme: dark){.lang-flag-btn{border-color:#fff6;background-color:#ffffff1a}}