:root{--cyan: #00bcd4;--cyan-hover: #0097a7;--cyan-glow: rgba(0, 188, 212, .08);--cyan-focus: rgba(0, 188, 212, .4);--cyan-bright: #1ad9f0;--green-dark: #0f2419;--green-mid: #1a3a2a;--green-panel: #0a1f12;--border-green: rgba(81, 129, 96, .47);--border-green-bright: rgba(81, 129, 96, .8);--bg-dark: #0d0d1a;--bg-deep: #12122a;--panel-right-start: #060f0a;--panel-right-end: #0d2535;--surface-light: #f3f3f3;--white: #ffffff;--text-muted: #8a8aa0;--label: #c0c0d0;--error: #e57373;--warning: #ffb74d;--success: #66bb6a;--gradient-hero: linear-gradient(135deg, #090914 0%, #08170e 40%, #0a1c29 100%);--gradient-cyan: linear-gradient(135deg, #00acc1, #00bcd4);--gradient-green: linear-gradient(135deg, #0d1e15, #142e21);--gradient-card: linear-gradient(145deg, rgba(10, 31, 18, .6), rgba(13, 37, 53, .6));--glass-bg: rgba(10, 31, 18, .6);--glass-bg-light: rgba(13, 37, 53, .5);--glass-border: rgba(81, 129, 96, .47);--glass-blur: blur(16px);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-cyan: 0 4px 12px rgba(0, 188, 212, .15), 0 0 30px rgba(0, 188, 212, .05);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,4rem)}h2{font-size:clamp(1.8rem,3.5vw,2.8rem)}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}h4{font-size:1.2rem}p{color:var(--label);line-height:1.75}a{color:var(--cyan);text-decoration:none;transition:color var(--duration-normal) ease}a:hover{color:var(--cyan-bright)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-green-bright);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-xl)}.section-padding{padding:var(--space-4xl) 0}.text-cyan{color:var(--cyan)}.text-muted{color:var(--text-muted)}.text-white{color:var(--white)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;border:none;outline:none;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap;letter-spacing:.02em}.btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out)}.btn:hover:before{transform:translate(0)}.btn-primary{background:var(--gradient-cyan);color:var(--bg-dark);box-shadow:0 4px 20px #00bcd466}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00bcd499;color:var(--bg-dark)}.btn-outline{background:transparent;color:var(--cyan);border:1.5px solid var(--cyan)}.btn-outline:hover{background:var(--cyan-glow);transform:translateY(-2px);box-shadow:var(--shadow-cyan);color:var(--cyan)}.btn-ghost{background:#ffffff0d;color:var(--white);border:1px solid var(--border-green)}.btn-ghost:hover{background:#ffffff1a;border-color:var(--cyan);color:var(--cyan)}.section-label{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-glow);padding:.4rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(0,188,212,.3);margin-bottom:var(--space-lg)}.glow-cyan{box-shadow:var(--shadow-cyan)}.text-glow{text-shadow:0 2px 10px rgba(0,188,212,.3)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00bcd426}50%{box-shadow:0 0 25px #00bcd44d,0 0 40px #00bcd41a}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes particle-float{0%{transform:translateY(0) translate(0) scale(1);opacity:.6}33%{transform:translateY(-20px) translate(10px) scale(1.1);opacity:1}66%{transform:translateY(-10px) translate(-8px) scale(.9);opacity:.8}to{transform:translateY(0) translate(0) scale(1);opacity:.6}}@keyframes counter-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-progress{0%{width:0%}to{width:100%}}.animate-fade-up{animation:fadeInUp .7s var(--ease-out) both}.animate-fade-left{animation:fadeInLeft .7s var(--ease-out) both}.animate-fade-right{animation:fadeInRight .7s var(--ease-out) both}.animate-scale{animation:scaleIn .5s var(--ease-spring) both}.animate-float{animation:float 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-800{animation-delay:.8s}.divider{width:60px;height:3px;background:var(--gradient-cyan);border-radius:var(--radius-full);margin:var(--space-md) 0 var(--space-xl)}.divider-center{margin:var(--space-md) auto var(--space-xl)}.stat-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--success);background:#66bb6a1a;border:1px solid rgba(102,187,106,.3);padding:.25rem .7rem;border-radius:var(--radius-full)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.container{padding:0 var(--space-lg)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-padding{padding:var(--space-3xl) 0}h1{font-size:clamp(1.8rem,6vw,2.5rem)}h2{font-size:clamp(1.5rem,5vw,2rem)}.container{padding:0 var(--space-md)}.btn{padding:.65rem 1.4rem;font-size:.9rem}}@media(max-width:480px){.section-padding{padding:var(--space-2xl) 0}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.from-left{transform:translate(-40px)}.reveal.from-left.visible{transform:translate(0)}.reveal.from-right{transform:translate(40px)}.reveal.from-right.visible{transform:translate(0)}.reveal-3d{opacity:0;transform:perspective(1200px) rotateX(15deg) rotateY(-15deg) scale(.9) translateZ(-50px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transform-style:preserve-3d}.reveal-3d.visible{opacity:1;transform:perspective(1200px) rotateX(0) rotateY(0) scale(1) translateZ(0)}router-outlet+*{display:block}