:root{--bg-primary:#0e1116;--bg-secondary:#161b22;--bg-card:rgba(255, 255, 255, 0.05);--bg-card-hover:rgba(255, 255, 255, 0.08);--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-muted:#6b7280;--text-accent:#60a5fa;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--border-color:rgba(255, 255, 255, 0.1);--border-color-accent:rgba(59, 130, 246, 0.3);--border-color-light:rgba(60, 60, 60, 0.4);--border-color-white:rgba(255, 255, 255, 0.1);--bg-nav:rgba(14, 17, 22, 0.85);--bg-overlay-dark:rgba(0, 0, 0, 0.6);--bg-overlay-light:rgba(0, 0, 0, 0.3);--glow-blue-light:rgba(59, 130, 246, 0.3);--glow-blue-medium:rgba(59, 130, 246, 0.5);--glow-blue-strong:rgba(59, 130, 246, 0.6);--glow-purple-light:rgba(139, 92, 246, 0.2);--glow-purple-medium:rgba(139, 92, 246, 0.4);--glow-purple-strong:rgba(139, 92, 246, 0.6);--glow-pink-light:rgba(236, 72, 153, 0.15);--glow-pink-medium:rgba(236, 72, 153, 0.3);--glow-pink-strong:rgba(236, 72, 153, 0.5);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.5);--shadow-glow-blue:0 0 10px var(--glow-blue-medium),0 0 20px var(--glow-purple-medium),0 0 30px var(--glow-pink-medium);--shadow-glow-dot:0 0 15px var(--glow-blue-strong),0 0 25px var(--glow-purple-medium),0 0 35px var(--glow-pink-medium),inset 0 0 10px rgba(255, 255, 255, 0.2);--gradient-1:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero-text:linear-gradient(135deg, #ffffff 0%, #a0a0a0 100%);--gradient-logo:linear-gradient(135deg, #60a5fa 0%, #3b82f6 25%, #8b5cf6 50%, #a855f7 75%, #ec4899 100%);--gradient-timeline-dot:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--gradient-card-hover:linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);--radius-sm:10px;--radius-md:16px;--radius-lg:18px;--radius-xl:20px;--radius-full:50%;--radius-timeline:1px;--blur-sm:blur(10px);--blur-md:blur(20px);--blur-lg:blur(30px);--drop-shadow-logo:drop-shadow(0 0 8px var(--glow-blue-strong)) drop-shadow(0 0 12px var(--glow-purple-medium)) drop-shadow(0 0 16px var(--glow-pink-medium));--drop-shadow-logo-hover:drop-shadow(0 0 12px rgba(59, 130, 246, 0.8)) drop-shadow(0 0 18px var(--glow-purple-strong)) drop-shadow(0 0 24px var(--glow-pink-strong));--drop-shadow-nav:drop-shadow(0 0 6px var(--glow-blue-light)) drop-shadow(0 0 10px var(--glow-purple-light)) drop-shadow(0 0 14px var(--glow-pink-light));--drop-shadow-nav-hover:drop-shadow(0 0 10px var(--glow-blue-medium)) drop-shadow(0 0 16px var(--glow-purple-medium)) drop-shadow(0 0 22px var(--glow-pink-medium));--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-nav-padding:12px 30px;--space-nav-padding-mobile:10px 12px;--space-section-padding:50px 30px;--space-section-padding-mobile:28px 12px;--space-hero-padding:80px 40px 50px;--space-hero-padding-mobile:76px 12px 20px;--space-card-padding:25px;--space-card-padding-mobile:14px 14px;--space-stat-padding:20px 25px;--space-timeline-padding:20px;--space-contact-padding:20px;--space-footer-padding:28px 12px;--gap-xs:10px;--gap-sm:12px;--gap-md:18px;--gap-lg:20px;--max-width-container:1200px;--max-width-wide:1400px;--max-width-content:700px;--font-xs:0.7rem;--font-sm:0.8rem;--font-base:0.9rem;--font-lg:1rem;--font-xl:1.1rem;--font-2xl:1.3rem;--font-3xl:1.6rem;--font-4xl:2rem;--font-5xl:clamp(2rem, 5vw, 3.5rem);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-hero:clamp(2rem, 5vw, 3.5rem);--font-section-title:clamp(1.5rem, 3.5vw, 2rem);--font-card-title:1.1rem;--font-body:0.9rem;--font-small:0.85rem;--font-tiny:0.8rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--duration-fast:0.2s;--duration-normal:0.3s;--duration-slow:0.5s;--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.bg-animation,.code-rain,.floating-orbs,.orb{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'JetBrains Mono',Inter,monospace,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6{font-family:'JetBrains Mono',Inter,monospace;font-weight:var(--font-weight-medium);letter-spacing:-.01em}.hero h1,.section-title,nav{font-family:'JetBrains Mono',Inter,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}@media print{.bg-animation,.preloader,nav{display:none}body{background:#fff;color:#000}.card,.timeline-content{background:#fff;border:1px solid #ddd}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .6s ease-out,visibility .6s ease-out;visibility:visible}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{text-align:center}.vp-logo{position:relative;width:200px;height:200px;margin:0 auto 30px}.logo-circle{width:100%;height:100%;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 30%,rgba(25,25,25,.95) 0,rgba(15,15,15,.98) 40%,#080808 70%,#050505 100%),linear-gradient(135deg,rgba(255,255,255,.03) 0,transparent 50%,rgba(0,0,0,.3) 100%);box-shadow:inset 0 0 40px rgba(0,0,0,.9),inset 0 0 80px rgba(0,0,0,.7),inset 0 2px 4px rgba(255,255,255,.1),0 0 50px rgba(0,0,0,.6),0 0 0 2px rgba(40,40,40,.8);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color-light);animation:3s ease-in-out infinite logoPulse;position:relative}.logo-circle::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(100,100,100,.1) 0,rgba(50,50,50,.2) 25%,rgba(30,30,30,.3) 50%,rgba(50,50,50,.2) 75%,rgba(100,100,100,.1) 100%);z-index:-1;opacity:.6}.vp-brackets{font-size:var(--font-3xl);font-weight:var(--font-weight-medium);font-family:'JetBrains Mono',Inter,monospace;background:var(--gradient-logo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;position:relative;animation:2s ease-in-out infinite glowPulse;filter:var(--drop-shadow-logo)}.preloader-title{font-size:var(--font-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);letter-spacing:3px;margin-top:20px;opacity:0;animation:1s ease-out .5s forwards fadeInTitle}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(59,130,246,.12) 0,transparent 50%),radial-gradient(ellipse 60% 60% at 80% 70%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(ellipse 70% 40% at 50% 10%,rgba(236,72,153,.08) 0,transparent 50%),radial-gradient(ellipse 50% 80% at 10% 80%,rgba(59,130,246,.06) 0,transparent 50%);animation:15s ease-in-out infinite alternate bgPulse}.floating-orbs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;will-change:transform}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.4) 0,rgba(59,130,246,0) 70%);top:-100px;left:-100px;animation:20s ease-in-out infinite floatOrb1}.orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(139,92,246,.35) 0,rgba(139,92,246,0) 70%);top:50%;right:-150px;animation:25s ease-in-out infinite floatOrb2}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.3) 0,rgba(236,72,153,0) 70%);bottom:10%;left:20%;animation:22s ease-in-out infinite floatOrb3}.orb-4{width:250px;height:250px;background:radial-gradient(circle,rgba(52,211,153,.25) 0,rgba(52,211,153,0) 70%);top:30%;left:60%;animation:18s ease-in-out infinite floatOrb4}.grid-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;opacity:.5}nav{position:fixed;top:0;width:100%;padding:6px 24px;z-index:9995;backdrop-filter:blur(16px);background:rgba(15,15,15,.85);border-bottom:1px solid rgba(255,255,255,.06);transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 30px rgba(0,0,0,.2)}nav.scrolled{background:rgba(10,10,10,.95);box-shadow:0 10px 40px rgba(0,0,0,.6);padding:8px 24px;border-bottom:1px solid rgba(255,255,255,.03)}nav .nav-content{max-width:var(--max-width-container);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.nav-left{display:flex;align-items:center;gap:24px}.browser-controls{display:flex;gap:8px}.browser-controls .control{width:12px;height:12px;border-radius:50%;transition:transform .2s,opacity .2s;opacity:.8}.browser-controls:hover .control{opacity:1}.browser-controls .control:hover{transform:scale(1.1)}.browser-controls .red{background:#ff5f56;box-shadow:0 0 8px rgba(255,95,86,.3)}.browser-controls .yellow{background:#ffbd2e;box-shadow:0 0 8px rgba(255,189,46,.3)}.browser-controls .green{background:#27c93f;box-shadow:0 0 8px rgba(39,201,63,.3)}nav .logo{display:flex;align-items:center;height:80px;position:relative}nav .logo::after{content:'';position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:1px;height:40px;background:rgba(255,255,255,.1)}nav .logo img{height:100%;width:auto;max-height:64px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,255,255,.1));transition:transform .3s}nav .logo:hover img{transform:scale(1.05)}.address-bar{flex:1;max-width:500px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);border-radius:12px;height:36px;display:flex;align-items:center;padding:0 16px;gap:12px;font-family:'JetBrains Mono',monospace;font-size:.8rem;color:#888;transition:.3s;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.address-bar:hover{background:rgba(20,20,20,.6);border-color:rgba(255,255,255,.15);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 0 15px rgba(255,255,255,.03);color:#aaa}.address-secure{color:#27c93f;display:flex;align-items:center;opacity:.8}.address-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#e0e0e0;letter-spacing:.5px}.address-path{color:#555}.address-refresh{color:#555;cursor:pointer;display:flex;align-items:center;transition:.3s}.address-refresh:hover{color:#fff;transform:rotate(180deg)}nav .nav-links{display:flex;align-items:center;gap:18px;list-style:none;font-size:.85rem;margin:0;padding:0;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav .nav-links::-webkit-scrollbar{display:none}nav .nav-links li{flex:0 0 auto}nav .nav-links a{color:#888;text-decoration:none;font-weight:500;transition:.3s;position:relative;padding:6px 0;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}nav .nav-links a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3);color:var(--text-primary)}nav .nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent-blue);transition:width .3s;box-shadow:0 0 8px var(--accent-blue)}nav .nav-links a:hover::after{width:100%}.lang-switch{margin-left:8px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.lang-link{font-family:'JetBrains Mono',monospace;font-size:.75rem;text-decoration:none;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:.2s}.lang-current{color:var(--accent-blue);font-weight:600}.lang-sep{color:rgba(255,255,255,.3);font-size:.5rem}.lang-other{color:var(--text-muted);font-weight:400}.lang-link:hover{background:rgba(255,255,255,.05)}.lang-link:hover .lang-other{color:var(--text-primary)}.mobile-lang-section{margin-top:20px;padding:15px 30px;border-top:1px solid rgba(255,255,255,.05)}.mobile-lang-title{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#4b5563;margin-bottom:12px;letter-spacing:1px}.mobile-lang-options{display:flex;gap:8px}.mobile-lang-option{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--text-muted);text-decoration:none;padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:4px;transition:.2s}.mobile-lang-option:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:var(--text-primary)}.mobile-lang-option.active{background:rgba(59,130,246,.15);border-color:var(--accent-blue);color:var(--accent-blue)}.mobile-lang-option .line-num{color:#4b5563;font-size:.7rem;margin-right:6px}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-hero-padding);position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(20,50,90,.35) 0,rgba(15,35,65,.15) 25%,transparent 50%)}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.04) 0,rgba(139,92,246,.02) 30%,transparent 70%);pointer-events:none;z-index:0}.code-canvas{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:0;opacity:.25;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(59, 130, 246, .4))}.hero-content{position:relative;z-index:1;max-width:var(--max-width-container);width:100%;text-align:center}.hero h1{font-size:var(--font-hero);font-weight:var(--font-weight-light);margin-bottom:15px;background:linear-gradient(135deg,#fff 0,#e0e7ff 25%,#c7d2fe 50%,#a5b4fc 75%,#fff 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:1s fadeInUp,4s linear infinite shimmerText;text-shadow:0 0 40px rgba(59,130,246,.15)}.hero .subtitle{font-size:clamp(.875rem, 2vw, 1.25rem);color:var(--text-secondary);margin-bottom:25px;animation:1s .2s both fadeInUp;position:relative}.hero .subtitle::after,.hero .subtitle::before{content:'—';color:var(--accent-blue);opacity:.5;margin:0 10px}.hero .description{font-size:var(--font-body);color:var(--text-secondary);max-width:var(--max-width-content);margin:0 auto 30px;line-height:1.6;animation:1s .4s both fadeInUp}.hero-stats{display:flex;justify-content:center;gap:var(--gap-lg);flex-wrap:wrap;margin-top:30px;animation:1s .6s both fadeInUp}.stat-card{background:var(--bg-card);backdrop-filter:var(--blur-md);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-stat-padding);min-width:140px;transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.3),rgba(236,72,153,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.stat-card:hover{background:var(--bg-card-hover);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(59,130,246,.15),0 0 60px rgba(139,92,246,.1)}.stat-card:hover::before{opacity:1}.stat-card .number{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card .label{color:var(--text-secondary);font-size:var(--font-tiny);margin-top:3px}section{padding:var(--space-section-padding);max-width:var(--max-width-container);margin:0 auto}@media (max-width:768px){section{padding:var(--space-section-padding-mobile)}.section-title{margin-bottom:28px}}#about{margin-top:50px}.section-title{font-family:'JetBrains Mono',monospace;font-size:1.5rem;font-weight:500;text-align:center;margin-bottom:60px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:2px;width:100%;position:relative;gap:15px;background:linear-gradient(120deg,var(--accent-blue) 20%,#93c5fd 50%,var(--accent-blue) 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:6s ease-in-out infinite titleGradientFlow;filter:drop-shadow(0 0 8px rgba(59, 130, 246, .3))}@keyframes titleGradientFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.section-title::after,.section-title::before{font-family:'JetBrains Mono',monospace;font-weight:300;font-size:1.2rem;color:var(--accent-blue);opacity:.4;display:flex;align-items:center;flex:1;height:40px;transition:.8s cubic-bezier(.4, 0, .2, 1);-webkit-text-fill-color:var(--accent-blue);background-image:linear-gradient(to right,var(--accent-blue) 50%,transparent 50%);background-size:4px 1px;background-repeat:repeat-x}.section-title::before{content:'{';justify-content:flex-end;padding-right:22px;background-position:right center;-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black calc(100% - 50px),transparent calc(100% - 25px));mask-image:linear-gradient(to right,transparent,black 20%,black calc(100% - 50px),transparent calc(100% - 25px));animation:10s linear infinite lineFlowLeft}.section-title::after{content:'}';justify-content:flex-start;padding-left:22px;background-position:left center;-webkit-mask-image:linear-gradient(to right,transparent 25px,black 50px,black 80%,transparent);mask-image:linear-gradient(to right,transparent 25px,black 50px,black 80%,transparent);animation:10s linear infinite lineFlowRight}@keyframes lineFlowLeft{from{background-position-x:100%}to{background-position-x:calc(100% - 160px)}}@keyframes lineFlowRight{from{background-position-x:0px}to{background-position-x:160px}}.section-title:hover::before{transform:translateX(-5px);opacity:.6}.section-title:hover::after{transform:translateX(5px);opacity:.6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap-lg);margin-top:25px;position:relative}.cards-grid::before{content:'';position:absolute;inset:-20px;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-1;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);pointer-events:none}.card{background:var(--bg-card);backdrop-filter:var(--blur-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-card-padding);transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.card-tech-id{position:absolute;top:15px;right:15px;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--accent-blue);opacity:.5;letter-spacing:1px;border:1px solid rgba(59,130,246,.2);padding:2px 6px;border-radius:4px;transition:.3s}.card:hover .card-tech-id{opacity:1;background:rgba(59,130,246,.1);box-shadow:0 0 10px rgba(59,130,246,.2)}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-card-hover);opacity:0;transition:opacity .4s}.card::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.5),rgba(139,92,246,.5),rgba(236,72,153,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;z-index:-1}.card:hover{background:var(--bg-card-hover);transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.25),0 0 40px rgba(59,130,246,.1),0 0 80px rgba(139,92,246,.08);border-color:transparent}.card:hover::after,.card:hover::before{opacity:1}.card-icon{margin-bottom:15px;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(59,130,246,.1);border-radius:12px;color:var(--accent-blue);transition:.3s}.card:hover .card-icon{background:var(--accent-blue);color:#fff;transform:scale(1.1) rotate(-5deg);box-shadow:0 0 20px rgba(59,130,246,.4)}.card-icon svg{width:24px;height:24px;stroke-width:2}.card h3{font-size:var(--font-card-title);font-weight:var(--font-weight-medium);margin-bottom:10px;color:var(--text-primary)}.card p{color:var(--text-secondary);line-height:1.6;font-size:var(--font-sm)}.card ul{list-style:none;margin-top:15px}.card ul li{color:var(--text-secondary);margin:8px 0;padding-left:20px;position:relative;font-size:var(--font-small)}.card ul li::before{content:'✓';position:absolute;left:0;color:var(--accent-blue);font-weight:700}.timeline{position:relative;padding:25px 0;max-height:600px;overflow-y:auto;overflow-x:hidden}.timeline::-webkit-scrollbar{width:6px}.timeline::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--radius-sm)}.timeline::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-sm)}.timeline::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}.timeline::before{content:'';position:absolute;left:50%;top:0;width:2px;height:var(--timeline-height,100%);background:repeating-linear-gradient(to bottom,var(--accent-blue) 0,var(--accent-blue) 4px,transparent 4px,transparent 8px);transform:translateX(-50%);opacity:.3;pointer-events:none}.timeline::after{content:'';position:absolute;left:50%;top:-50px;width:4px;height:100px;background:var(--accent-blue);transform:translateX(-50%);animation:3s linear infinite timelineScan;box-shadow:0 0 15px var(--accent-blue);border-radius:2px;z-index:1}@keyframes timelineScan{0%{top:0;opacity:0}20%,80%{opacity:1}100%{top:100%;opacity:0}}.timeline-item{position:relative;margin:40px 0;display:flex;align-items:center;min-height:80px;width:100%;padding-right:15px}.timeline-item::before{content:'';position:absolute;top:50%;width:30px;height:1px;background:repeating-linear-gradient(90deg,var(--accent-blue) 0,var(--accent-blue) 2px,transparent 2px,transparent 4px);background-size:8px 100%;z-index:0;opacity:.6}@keyframes connectorFlowRight{from{background-position:0 0}to{background-position:8px 0}}@keyframes connectorFlowLeft{from{background-position:0 0}to{background-position:-8px 0}}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(odd)::before{right:50%;margin-right:12px;animation:1s linear infinite connectorFlowLeft}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-item:nth-child(2n)::before{left:50%;margin-left:12px;animation:1s linear infinite connectorFlowRight}.timeline-content{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:20px;width:45%;transition:.3s;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2)}.timeline-content::before{content:'';position:absolute;top:-1px;left:-1px;width:15px;height:15px;border-top:2px solid var(--accent-blue);border-left:2px solid var(--accent-blue);border-top-left-radius:8px;opacity:.8;transition:.3s}.timeline-content::after{content:'';position:absolute;bottom:-1px;right:-1px;width:15px;height:15px;border-bottom:2px solid var(--accent-blue);border-right:2px solid var(--accent-blue);border-bottom-right-radius:8px;opacity:.8;transition:.3s}.timeline-content:hover{background:rgba(30,41,59,.9);transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.4);border-color:var(--accent-blue)}.timeline-content:hover::after,.timeline-content:hover::before{width:100%;height:100%;opacity:.2;border-radius:8px}.timeline-dot{position:absolute;left:50%;width:16px;height:16px;background:var(--bg-primary);border:2px solid var(--accent-blue);border-radius:50%;transform:translate(-50%,-50%);top:50%;box-shadow:0 0 10px rgba(59,130,246,.5);z-index:2;display:flex;align-items:center;justify-content:center}.timeline-dot::after{content:'';width:6px;height:6px;background:var(--accent-blue);border-radius:50%}.timeline-item:hover .timeline-dot{background:var(--accent-blue);box-shadow:0 0 20px var(--accent-blue)}.timeline-item:hover .timeline-dot::after{background:#fff}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.timeline-item h3{font-size:1.1rem;font-weight:500;margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center}.timeline-icon{width:18px;height:18px;margin-right:10px;color:var(--accent-blue);flex-shrink:0}.timeline-item .period{font-family:'JetBrains Mono',monospace;color:var(--accent-blue);font-size:.8rem;background:rgba(59,130,246,.1);padding:2px 8px;border-radius:4px}.log-id{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--text-secondary);opacity:.5}.timeline-item p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.skill-tag{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 14px;font-size:var(--font-tiny);color:var(--text-secondary);transition:.3s cubic-bezier(.4, 0, .2, 1);cursor:default;position:relative;overflow:hidden}.skill-tag::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(59,130,246,.15),transparent);transform:translateX(-100%);transition:transform .5s}.skill-tag:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-3px);box-shadow:0 5px 15px rgba(59,130,246,.2)}.skill-tag:hover::before{transform:translateX(100%)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-md);margin-top:25px}.contact-card{background:var(--bg-card);backdrop-filter:var(--blur-md);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-contact-padding);text-align:center;transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.contact-card::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);transform:translate(-50%,-50%);transition:.5s;border-radius:50%}.contact-card:hover{background:var(--bg-card-hover);transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.2),0 0 20px rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.contact-card:hover::before{width:300%;height:300%}.contact-card a{color:var(--text-accent);text-decoration:none;font-weight:var(--font-weight-normal);position:relative}.contact-card a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text-accent);transition:width .3s}.contact-card a:hover::after{width:100%}footer{text-align:center;padding:var(--space-footer-padding);color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:50px}.mobile-menu-overlay,.mobile-menu-toggle{display:none}@media (max-width:768px){nav{padding:5px 10px!important;background:#0a0a0a!important;backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.1);height:65px;display:flex;align-items:center}nav .nav-content{gap:10px!important;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%}nav .logo{flex-shrink:0;display:flex;align-items:flex-end;padding-bottom:5px;box-sizing:border-box;margin-right:15px}nav .logo img{max-height:80px!important;width:auto;filter:drop-shadow(0 0 12px rgba(59, 130, 246, .4))}.nav-left .browser-controls{display:none!important}nav .nav-links{display:flex;gap:15px;-webkit-overflow-scrolling:touch;padding:0 15px 0 5px;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);scrollbar-width:none;flex:1;white-space:nowrap;align-items:center;height:100%;display:flex;gap:20px;font-size:13px;overflow-x:auto;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 90%,transparent 100%);scrollbar-width:none}nav .nav-links li{flex-shrink:0;opacity:.7}nav .nav-links li.active{opacity:1;color:var(--accent-blue)}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;cursor:pointer;padding:10px;z-index:10001;flex-shrink:0;margin-left:10px;position:relative;transition:.3s}.mobile-menu-toggle:active,.mobile-menu-toggle:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4)}.mobile-menu-toggle span{height:2px;background:var(--accent-blue);border-radius:2px;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 0 5px rgba(59,130,246,.5)}.mobile-menu-toggle span:first-child{width:100%}.mobile-menu-toggle span:nth-child(2){width:70%}.mobile-menu-toggle span:nth-child(3){width:100%}.mobile-menu-toggle.active span:first-child{width:100%;transform:rotate(45deg) translate(4px,4px);background:#fff}.mobile-menu-toggle.active span:nth-child(2){width:0;opacity:0}.mobile-menu-toggle.active span:nth-child(3){width:100%;transform:rotate(-45deg) translate(4px,-5px);background:#fff}.mobile-menu-overlay{position:fixed;top:0;right:0;width:85%;max-width:340px;height:100vh;height:100dvh;background:linear-gradient(180deg,rgba(10,10,15,.98) 0,rgba(15,15,25,.98) 100%);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:10002;transform:translateX(100%);transition:transform .4s cubic-bezier(.2, .8, .2, 1);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);box-shadow:-20px 0 50px rgba(0,0,0,.5);overscroll-behavior:contain}.mobile-menu-overlay.active{transform:translateX(0)}.mobile-menu-header{height:65px;border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:rgba(255,255,255,.01)}.mobile-menu-title{font-family:'JetBrains Mono',monospace;color:var(--text-secondary);font-size:.9rem;letter-spacing:2px}.mobile-menu-close{width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:.3s}.mobile-menu-close:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.mobile-menu-close .close-line{position:absolute;width:18px;height:2px;background:var(--text-primary);border-radius:1px;transition:.3s}.mobile-menu-close .close-line:first-child{transform:rotate(45deg)}.mobile-menu-close .close-line:last-child{transform:rotate(-45deg)}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:rgba(0,0,0,.6);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-webkit-tap-highlight-color:transparent}.mobile-menu-backdrop.active{opacity:1;visibility:visible}.mobile-menu-content{flex:1;padding:20px 0;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:0}.mobile-link{font-family:'JetBrains Mono',monospace;font-size:1rem;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;padding:18px 30px;border-bottom:1px solid rgba(255,255,255,.02);position:relative;overflow:hidden;transition:.3s}.mobile-link::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-blue);transform:scaleY(0);transition:transform .3s}.mobile-link:active,.mobile-link:hover{background:rgba(255,255,255,.02);padding-left:35px}.mobile-link:hover::before{transform:scaleY(1)}.mobile-link .line-num{color:#4b5563;font-size:.75rem;margin-right:15px;font-weight:300}.mobile-link .tag{color:#e2e8f0;font-weight:300;letter-spacing:.5px}.mobile-link .tag::before{content:'<';color:#64748b;margin-right:2px}.mobile-link .tag::after{content:' />';color:#64748b;margin-left:2px}.mobile-link:hover .tag{color:var(--accent-blue)}.mobile-link:hover .tag::after,.mobile-link:hover .tag::before{color:var(--accent-blue);opacity:.5}.mobile-menu-footer{padding:25px 30px;font-family:'JetBrains Mono',monospace;font-size:.7rem;border-top:1px solid rgba(255,255,255,.03);background:rgba(0,0,0,.1)}.mobile-menu-footer .code-line{margin-bottom:5px;opacity:.6}.mobile-menu-footer .comment{color:#10b981}.address-bar,nav>.nav-content>.browser-controls{display:none!important}nav .logo{height:40px;flex-shrink:0}nav .logo::after{display:none}nav .nav-links::-webkit-scrollbar{display:none}nav .nav-links li{flex-shrink:0}.vp-logo{width:140px;height:140px;margin-bottom:20px}.vp-brackets{font-size:1.5rem;letter-spacing:2px}.preloader-title{font-size:.7rem;letter-spacing:1px}section{padding:40px 15px}.section-title{font-size:clamp(.9rem, 4.5vw, 1.3rem);margin-bottom:25px;text-align:center;letter-spacing:1px;gap:6px;white-space:nowrap}.section-title::after,.section-title::before{flex:0;min-width:auto;width:auto;height:auto;font-size:clamp(.8rem, 3vw, 1rem);padding:0 4px;background-image:none;-webkit-mask-image:none;mask-image:none;animation:none;opacity:.5}.section-title::before{content:'{';padding-right:6px}.section-title::after{content:'}';padding-left:6px}.cards-grid{grid-template-columns:1fr;gap:15px}.card{padding:20px}.timeline::after,.timeline::before{left:20px}.timeline-item{flex-direction:row!important;margin-bottom:30px}.timeline-content{width:calc(100% - 50px);margin-left:40px;padding:15px}.timeline-dot{left:20px!important;transform:translate(-50%,-50%)!important}.timeline{max-height:none}.hero-stats{gap:10px;flex-wrap:wrap;justify-content:center}.stat-card{min-width:45%;padding:15px}.stat-card .number{font-size:1.5rem}}.ai-chat-section{padding:var(--space-2xl) var(--space-xl);max-width:var(--max-width-wide);margin:0 auto}#ai-chat-container{width:100%}.hex-grid-wrapper{position:relative;width:100%;padding:60px 20px;background:radial-gradient(circle at center,rgba(var(--accent-primary-rgb),.05) 0,transparent 70%);overflow:hidden}.hex-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1000px;margin:0 auto;position:relative;z-index:2}.hex-connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.connection-line{stroke:var(--text-secondary);stroke-width:1;opacity:.1;transition:.3s}.connection-line.active{stroke:var(--accent-primary);stroke-width:2;opacity:.6;filter:drop-shadow(0 0 5px var(--accent-primary))}.hex-item{width:120px;height:138px;display:flex;align-items:center;justify-content:center;position:relative;margin:10px;cursor:pointer;transition:transform .3s,opacity .3s;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.hex-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-card);transition:background .3s}.hex-content::before{content:'';position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--bg-secondary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1}.hex-icon{font-size:2.5rem;margin-bottom:8px;transition:transform .3s;z-index:3}.hex-label{font-size:.85rem;font-weight:400;color:var(--text-secondary);text-align:center;z-index:3}.hex-item:hover{transform:scale(1.1);z-index:10}.hex-item:hover .hex-content{background:var(--bg-secondary)}.hex-item:hover .hex-icon{transform:scale(1.2)}.hex-item:hover .hex-label{color:var(--text-primary)}.hex-item[data-category=frontend] .hex-icon{text-shadow:0 0 15px rgba(59,130,246,.5)}.hex-item[data-category=frontend]:hover .hex-content{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.5)}.hex-item[data-category=backend] .hex-icon{text-shadow:0 0 15px rgba(34,197,94,.5)}.hex-item[data-category=backend]:hover .hex-content{background:rgba(34,197,94,.1)}.hex-item[data-category=mobile] .hex-icon{text-shadow:0 0 15px rgba(168,85,247,.5)}.hex-item[data-category=mobile]:hover .hex-content{background:rgba(168,85,247,.1)}.hex-item[data-category=ai] .hex-icon{text-shadow:0 0 15px rgba(239,68,68,.5)}.hex-item[data-category=ai]:hover .hex-content{background:rgba(239,68,68,.1)}.hex-item[data-category=tools] .hex-icon{text-shadow:0 0 15px rgba(156,163,175,.5)}.hex-item.connected{transform:scale(1.05);filter:brightness(1.2) drop-shadow(0 0 10px rgba(var(--accent-primary-rgb), .3))}.hex-grid-wrapper.has-active .hex-item:not(.active):not(.connected){opacity:.3;filter:grayscale(.8);transform:scale(.95)}@media (max-width:768px){.hex-item{width:90px;height:104px;margin:5px}.hex-icon{font-size:1.8rem}.hex-label{font-size:.7rem}}.code-decorations{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.code-symbol{position:absolute;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:4rem;color:var(--text-primary);opacity:.03;top:var(--top);left:var(--left,auto);right:var(--right,auto);animation:10s ease-in-out infinite float-symbol;animation-delay:var(--delay);user-select:none}.subtitle.code-style{font-family:'JetBrains Mono',monospace;color:var(--text-secondary);opacity:.8}.subtitle.code-style::before{content:'// ';color:var(--accent-purple)}.line-numbers-decoration{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--text-secondary);z-index:10;pointer-events:none;padding-left:20px}.line-numbers-decoration span{opacity:.15;transition:color .3s,opacity .3s}.scroll-line-container{position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(255,255,255,.05);border-radius:4px;overflow:visible}.scroll-line-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(to bottom,rgba(59,130,246,.1),rgba(139,92,246,.5));box-shadow:0 0 15px rgba(59,130,246,.2);border-radius:4px;transition:height .1s linear}.scroll-line-progress::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 10px rgba(59,130,246,.4),0 0 20px rgba(139,92,246,.3)}@media (max-width:768px){.code-symbol{font-size:2.5rem}.line-numbers-decoration,.timeline-item::before{display:none}}.tech-infographic{display:flex;align-items:center;justify-content:center;gap:80px;padding:40px 0;max-width:1000px;margin:0 auto;position:relative}.tech-hub{position:relative;z-index:2;flex-shrink:0}.hub-core{width:140px;height:140px;border-radius:50%;background:#030303;box-shadow:inset 0 0 40px #000,0 0 0 1px rgba(59,130,246,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .3s,box-shadow .3s,border-color .3s;cursor:pointer;overflow:visible}.hub-core:hover{transform:scale(1.02);box-shadow:inset 0 0 40px #000,0 0 0 1px rgba(59,130,246,.4),0 0 20px rgba(59,130,246,.1)}.hub-core:active{transform:scale(.98)}.hub-logo-img{width:85%;height:85%;object-fit:contain;border-radius:50%;opacity:.8;transition:opacity .3s,transform .3s;filter:drop-shadow(0 0 10px rgba(0,0,0,.8))}.hub-core:hover .hub-logo-img{opacity:1;transform:scale(1.05)}.hub-core::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:1px solid rgba(59,130,246,.1);border-top-color:rgba(59,130,246,.5);border-bottom-color:rgba(59,130,246,.5);animation:20s linear infinite spin}.hub-core::after{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;border:1px dashed rgba(59,130,246,.1);mask-image:linear-gradient(to right,transparent,black,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black,transparent);animation:30s linear infinite spinReverse}@keyframes logoPulse{0%,100%{transform:scale(1);opacity:.9;box-shadow:inset 0 0 40px rgba(0,0,0,.9),inset 0 0 80px rgba(0,0,0,.7),inset 0 2px 4px rgba(255,255,255,.1),0 0 50px rgba(0,0,0,.6),0 0 0 2px rgba(40,40,40,.8),0 0 25px rgba(59,130,246,.25)}50%{transform:scale(1.05);opacity:1;box-shadow:inset 0 0 40px rgba(0,0,0,.9),inset 0 0 80px rgba(0,0,0,.7),inset 0 2px 4px rgba(255,255,255,.1),0 0 50px rgba(0,0,0,.6),0 0 0 2px rgba(40,40,40,.8),0 0 35px rgba(59,130,246,.35),0 0 55px rgba(139,92,246,.25),0 0 75px rgba(236,72,153,.15)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}.tech-branches{display:flex;flex-direction:column;gap:30px;position:relative;padding-left:40px}.tech-branches::before{content:'';position:absolute;left:0;top:40px;bottom:40px;width:0;border-left:2px dotted rgba(255,255,255,.15);opacity:1}.tech-hub::after{content:'';position:absolute;right:-80px;top:50%;width:80px;height:0;border-top:2px dotted var(--accent-blue);background:0 0;opacity:.4;z-index:1}.tech-branch{position:relative;display:flex;align-items:center}.branch-line{position:absolute;left:-40px;top:50%;width:40px;height:0;border-top:2px dotted var(--branch-color);background:0 0;opacity:.5;transition:.3s}.branch-line::before{content:'';position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--branch-color);box-shadow:0 0 10px var(--branch-color)}.tech-node{display:flex;align-items:center;gap:20px;background:var(--bg-card);border:1px solid var(--border-color);padding:15px 25px;border-radius:50px;transition:.3s;min-width:300px;position:relative;overflow:hidden}.tech-node::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--branch-color);opacity:.7}.node-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:50%;flex-shrink:0;transition:.3s}.node-icon svg{width:24px;height:24px;color:var(--branch-color);transition:.3s}.node-info h3{font-size:1.1rem;margin-bottom:5px;color:var(--text-primary)}.node-tags{display:flex;flex-wrap:wrap;gap:8px}.node-tags span{font-size:.75rem;color:var(--text-secondary);background:rgba(255,255,255,.05);padding:2px 8px;border-radius:4px}.tech-branch:hover .tech-node{transform:translateX(10px);background:var(--bg-card-hover);border-color:var(--branch-color);box-shadow:0 0 20px rgba(0,0,0,.2)}.tech-branch:hover .branch-line{opacity:1;box-shadow:0 0 10px var(--branch-color)}.tech-branch:hover .node-icon{transform:scale(1.1);background:rgba(255,255,255,.1)}@media (max-width:900px){.tech-infographic{flex-direction:column;gap:40px}.tech-hub::after{display:none}.tech-branches{padding-left:20px;border-left:2px solid var(--border-color)}.tech-branches::before{display:none}.branch-line{width:20px;left:-20px}.branch-line::before{left:-25px}.tech-node{min-width:auto;width:100%;border-radius:16px;padding:15px}}.code-footer{margin-top:60px;padding:40px 20px 30px;background:linear-gradient(180deg,rgba(10,10,10,.5) 0,rgba(5,5,5,.8) 100%);backdrop-filter:blur(10px);border-top:1px dashed rgba(59,130,246,.18);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -20px 60px rgba(0,0,0,.45);font-family:'JetBrains Mono',monospace;position:relative;overflow:hidden}.code-footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0,var(--accent-blue) 20%,var(--accent-purple) 50%,var(--accent-pink) 80%,transparent 100%);opacity:.6;animation:4s ease-in-out infinite footerGlow}@keyframes footerGlow{0%,100%{opacity:.4}50%{opacity:.8}}.code-footer::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.code-container{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:2}.code-container::after,.code-container::before{font-family:'JetBrains Mono',monospace;font-size:1.5rem;font-weight:300;color:var(--accent-blue);opacity:.25;position:absolute;top:50%;transform:translateY(-50%)}.code-container::before{content:'{';left:-40px}.code-container::after{content:'}';right:-40px}.code-line{margin:6px 0;font-size:.85rem;color:var(--text-primary);transition:.3s;position:relative}.code-line:hover{transform:translateX(5px);text-shadow:0 0 10px rgba(59,130,246,.3)}.code-line.comment{color:var(--text-secondary);font-style:italic;opacity:.5;font-size:.75rem;letter-spacing:2px}.keyword{color:var(--accent-purple);text-shadow:0 0 8px rgba(139,92,246,.3)}.variable{color:var(--text-primary)}.operator{color:var(--accent-pink);text-shadow:0 0 8px rgba(236,72,153,.3)}.string{color:var(--accent-blue);text-shadow:0 0 8px rgba(59,130,246,.3)}.punctuation{color:var(--text-secondary)}.closing-tags{margin-top:30px;display:flex;justify-content:center;gap:25px;font-size:1.1rem;font-weight:600;color:var(--text-secondary);opacity:.12;user-select:none;letter-spacing:1px}.closing-tags span{transition:.4s cubic-bezier(.4, 0, .2, 1);cursor:default}@media (max-width:768px){.code-footer{margin-top:40px;padding:18px 12px 14px}.code-container::after,.code-container::before{display:none}.code-line{font-size:.65rem;margin:4px 0}.code-line.comment{font-size:.55rem;letter-spacing:1px}.closing-tags{margin-top:20px;gap:15px;font-size:.85rem}}.closing-tags span:hover{opacity:1;color:var(--accent-blue);text-shadow:0 0 20px var(--accent-blue),0 0 40px var(--accent-purple);transform:translateY(-3px) scale(1.05)}.hero-schematic-container{position:relative;z-index:2;width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.schematic-top{position:relative;z-index:3;filter:drop-shadow(0 0 30px rgba(59, 130, 246, .15))}.hero-main-pill{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.01);backdrop-filter:blur(10px)}.pill-inner-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-main-pill h1{font-size:2.4rem;margin:0 0 5px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-main-pill .subtitle{font-size:1rem;color:var(--accent-blue);margin:0 0 15px;opacity:.9}.hero-tags{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);margin-bottom:15px}.hero-tags .separator{color:var(--accent-blue);opacity:.5}.status-badge{color:var(--text-secondary);display:flex;align-items:center;text-transform:uppercase}.status-dot{display:inline-block;margin-right:8px}.schematic-connectors{display:flex;flex-direction:column;align-items:center;width:100%;z-index:1;--schematic-gap:20px;box-sizing:border-box}.connector-vertical-main{background:repeating-linear-gradient(to bottom,var(--accent-blue) 0,var(--accent-blue) 3px,transparent 3px,transparent 6px);opacity:.6}.connector-horizontal-bar{width:100%;background:0 0;opacity:1}.connector-horizontal-bar::before{content:'';position:absolute;top:0;left:calc((100% - (3 * var(--schematic-gap)))/ 8);right:calc((100% - (3 * var(--schematic-gap)))/ 8);height:1px;background:repeating-linear-gradient(to right,var(--accent-blue) 0,var(--accent-blue) 4px,transparent 4px,transparent 8px);opacity:.5}.connector-vertical-legs{display:flex;justify-content:space-between;padding:0;gap:var(--schematic-gap);box-sizing:border-box}.leg{flex:1;display:flex;justify-content:center}.leg::before{content:'';transform:translateX(-50%);background:repeating-linear-gradient(to bottom,var(--accent-blue) 0,var(--accent-blue) 3px,transparent 3px,transparent 6px);opacity:.6}.leg::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:var(--bg-primary);border:1px solid var(--accent-blue);border-radius:50%;box-shadow:0 0 6px var(--accent-blue);opacity:1;z-index:2;box-sizing:border-box}.schematic-grid{display:flex;justify-content:space-between;width:100%;gap:20px;position:relative;z-index:3;margin-top:5px}.stat-pill{flex:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.stat-pill::after{content:'';bottom:0;left:50%;transform:translateX(-50%);width:0%;height:2px;background:var(--accent-blue);box-shadow:0 0 15px var(--accent-blue);opacity:0}.stat-pill:hover{box-shadow:0 5px 20px rgba(0,0,0,.2)}.stat-pill:hover::after{width:50%;opacity:1}.pill-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.pill-icon{color:var(--accent-blue);opacity:.7;display:flex;align-items:center;justify-content:center}.stat-pill:hover .pill-icon{opacity:1;filter:drop-shadow(0 0 8px var(--accent-blue))}.pill-data{text-align:center}.pill-value{font-size:1.2rem;font-weight:700;color:var(--text-primary);font-family:'JetBrains Mono',monospace;line-height:1.2}.pill-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.hero{align-items:flex-start;padding:var(--space-hero-padding-mobile);min-height:auto}.hero-schematic-container{padding-top:0}#about{margin-top:150px}.schematic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;justify-content:stretch;align-items:stretch}.stat-pill{height:auto;min-height:90px;padding:10px;border-radius:20px}.pill-data .pill-value{font-size:1.2rem}.pill-data .pill-label{font-size:.7rem}.hero-main-pill{width:100%;max-width:340px;height:auto;min-height:160px;padding:5px}.pill-inner-main{padding:15px}.hero-main-pill h1{font-size:clamp(1.4rem, 5vw, 1.8rem);white-space:nowrap}.hero-main-pill .subtitle{font-size:clamp(.7rem, 3vw, .9rem);white-space:nowrap}.connector-horizontal-bar{width:100%;height:1px;background:0 0;opacity:1;position:relative}.connector-horizontal-bar::before{content:'';position:absolute;top:0;left:25%;right:25%;height:1px;background:repeating-linear-gradient(to right,var(--accent-blue) 0,var(--accent-blue) 4px,transparent 4px,transparent 8px);opacity:.6}.connector-vertical-legs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;width:100%;padding:0;box-sizing:border-box}.leg{display:none;height:20px;position:relative}.leg:first-child,.leg:nth-child(2){display:block}.connector-vertical-main{height:30px;background:repeating-linear-gradient(to bottom,var(--accent-blue) 0,var(--accent-blue) 3px,transparent 3px,transparent 6px);opacity:.6;width:1px}.vscode-block{font-size:.75rem;margin-top:30px;max-width:100%}.vscode-content{padding:15px;overflow-x:auto}}.vscode-block{width:100%;background:rgba(13,17,23,.7);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);border:1px solid rgba(59,130,246,.15);overflow:hidden;font-family:'JetBrains Mono',monospace;font-size:.9rem;z-index:2}.vscode-header{background:rgba(22,27,34,.7);padding:10px 15px;display:flex;align-items:center;border-bottom:1px solid rgba(59,130,246,.1)}.vscode-controls{display:flex;gap:8px;margin-right:20px}.vscode-controls .control{width:12px;height:12px;border-radius:50%}.vscode-controls .control.red{background:#ff5f56}.vscode-controls .control.yellow{background:#ffbd2e}.vscode-controls .control.green{background:#27c93f}.vscode-title{color:#ccc;font-size:.8rem;opacity:.8}.vscode-content{color:#d4d4d4;line-height:1.6}.line{display:flex}.line-num{color:#858585;margin-right:20px;user-select:none;min-width:20px;text-align:right}.keyword{color:#569cd6}.property,.variable{color:#9cdcfe}.string,.string-content{color:#ce9178}.cursor{display:inline-block;width:2px;height:1.2em;background:#fff;animation:1s step-end infinite blink;vertical-align:text-bottom;margin-left:2px}.terminal-interface{background:rgba(15,23,42,.95);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(59,130,246,.1);overflow:hidden;font-family:'JetBrains Mono',monospace;max-width:900px;margin:0 auto;backdrop-filter:blur(10px)}.terminal-header{background:rgba(30,41,59,.8);padding:12px 20px;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.terminal-controls{display:flex;gap:8px;margin-right:20px}.terminal-controls .control{width:12px;height:12px;border-radius:50%}.terminal-controls .control.red{background:#ef4444}.terminal-controls .control.yellow{background:#eab308}.terminal-controls .control.green{background:#22c55e}.terminal-title{color:var(--text-secondary);font-size:.8rem;letter-spacing:1px;opacity:.7}.terminal-body{display:flex;padding:30px;gap:40px}.terminal-status{flex:0 0 250px;border-right:1px solid var(--border-color);padding-right:30px;display:flex;flex-direction:column;gap:20px}.status-visual{width:100px;height:100px;border-radius:50%;border:1px solid var(--accent-blue);position:relative;margin:0 auto 20px;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);box-shadow:0 0 20px rgba(59,130,246,.2)}.radar-scan{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue));transform-origin:0 0;animation:4s linear infinite radarSpin}.status-visual .status-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--accent-blue);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--accent-blue)}@keyframes radarSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.status-row{display:flex;justify-content:space-between;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.status-row .label{color:var(--text-secondary)}.status-row .value{color:var(--text-primary);text-align:right}.status-row .value.online{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.5)}.terminal-channels{flex:1;display:flex;flex-direction:column;gap:15px}.channel-row{display:flex;align-items:center;padding:15px;background:rgba(255,255,255,.02);border:1px solid transparent;border-radius:6px;text-decoration:none;transition:.3s;position:relative;overflow:hidden}.channel-row:hover{background:rgba(59,130,246,.05);border-color:rgba(59,130,246,.3);transform:translateX(5px)}.channel-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-blue);opacity:0;transition:opacity .3s}.channel-row:hover::before{opacity:1}.channel-id{color:var(--text-secondary);font-size:.8rem;margin-right:15px;opacity:.5}.channel-type{color:var(--accent-blue);font-size:.9rem;width:140px}.channel-target{color:var(--text-primary);flex:1;font-size:.9rem}.education-interface{max-width:900px;margin:0 auto;font-family:'JetBrains Mono',monospace}.edu-header{background:rgba(15,23,42,.8);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin-bottom:20px;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.edu-header::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-blue)}.edu-label{position:absolute;top:10px;right:15px;font-size:.7rem;color:var(--text-secondary);opacity:.5;letter-spacing:1px}.edu-university{display:flex;align-items:center;gap:20px}.uni-icon{width:60px;height:60px;background:rgba(59,130,246,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.uni-icon svg{width:32px;height:32px}.uni-info h3{font-size:1.4rem;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.uni-details{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.uni-details .separator{color:var(--border-color)}.uni-status{margin-left:auto;background:rgba(34,197,94,.1);color:#22c55e;padding:4px 10px;border-radius:4px;font-size:.75rem;border:1px solid rgba(34,197,94,.2)}.edu-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.edu-column{background:rgba(15,23,42,.6);border:1px solid var(--border-color);border-radius:12px;padding:20px;backdrop-filter:blur(5px)}.column-header{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);letter-spacing:1px}.column-header .icon{color:var(--accent-blue)}.module-list{display:flex;flex-direction:column;gap:12px}.module-item{display:flex;align-items:center;padding:12px;background:rgba(255,255,255,.02);border-radius:6px;border:1px solid transparent;transition:.3s}.module-item:hover{background:rgba(59,130,246,.05);border-color:rgba(59,130,246,.2);transform:translateX(5px)}.module-id{font-size:.7rem;color:var(--text-secondary);opacity:.5;width:50px}.module-name{font-size:.9rem;color:var(--text-primary);font-weight:500;margin-right:auto}.module-desc{font-size:.75rem;color:var(--text-secondary);text-align:right}.cert-card{background:linear-gradient(135deg,rgba(59,130,246,.05),transparent);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;transition:.3s}.cert-card:hover{box-shadow:0 0 20px rgba(59,130,246,.15);border-color:var(--accent-blue)}.cert-icon{width:48px;height:48px;background:rgba(59,130,246,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.cert-icon svg{width:24px;height:24px}.cert-info h4{font-size:1rem;font-weight:500;margin-bottom:5px;color:var(--text-primary)}.cert-info p{font-size:.8rem;color:var(--text-secondary)}.cert-status{font-size:.7rem;color:var(--accent-blue);border:1px solid rgba(59,130,246,.3);padding:2px 8px;border-radius:10px}@media (max-width:768px){.edu-university{flex-direction:column;text-align:center;gap:15px}.uni-details{flex-direction:column;gap:5px}.uni-details .separator{display:none}.uni-status{margin:0 auto}.edu-grid{grid-template-columns:1fr}.module-item{flex-wrap:wrap;gap:5px}.module-desc{width:100%;text-align:left;padding-left:50px}}.channel-action{color:var(--text-secondary);font-size:.8rem;opacity:0;transform:translateX(-10px);transition:.3s}.channel-row:hover .channel-action{opacity:1;transform:translateX(0);color:var(--accent-blue)}.terminal-footer{background:rgba(30,41,59,.5);padding:10px 20px;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary)}.scroll-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:rgba(10,10,10,.8);border:none;border-radius:50%;cursor:pointer;z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:.4s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(5px);box-shadow:0 0 20px rgba(0,0,0,.5)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 0 30px rgba(59,130,246,.3)}.scroll-icon{color:var(--accent-blue);width:24px;height:24px;z-index:2;transition:transform .3s}.scroll-to-top:hover .scroll-icon{transform:translateY(-3px);color:#fff;filter:drop-shadow(0 0 5px var(--accent-blue))}.scroll-ring-outer{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:1px dashed rgba(59,130,246,.3);animation:10s linear infinite spin;opacity:.5}.scroll-ring-inner{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:1px solid rgba(59,130,246,.1);border-top-color:var(--accent-blue);animation:5s linear infinite spinReverse}.scroll-to-top:hover .scroll-ring-outer{border-color:var(--accent-blue);opacity:.8;animation-duration:5s}.scroll-to-top:hover .scroll-ring-inner{border-top-color:#fff;box-shadow:inset 0 0 10px rgba(59,130,246,.3)}.scroll-label{position:absolute;bottom:-25px;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--accent-blue);opacity:0;transform:translateY(-5px);transition:.3s;letter-spacing:2px;font-weight:600}.scroll-to-top:hover .scroll-label{opacity:1;transform:translateY(0)}.prompt{color:var(--accent-blue);margin-right:10px}.typing-text{animation:2s infinite blink}@media (max-width:768px){.scroll-to-top{bottom:20px;right:20px;width:40px;height:40px}.scroll-ring-outer{top:-3px;left:-3px;right:-3px;bottom:-3px}.terminal-body{flex-direction:column;padding:20px;gap:30px}.terminal-status{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:20px;flex:auto}.channel-row{flex-wrap:wrap;gap:5px}.channel-type{width:100%;margin-bottom:5px}.channel-action{display:none}}@media (max-width:480px){.section-title{font-size:clamp(.75rem, 4vw, 1rem);letter-spacing:.5px;gap:4px}.section-title::after,.section-title::before{font-size:.75rem;padding:0 3px}.hero-main-pill h1{font-size:clamp(1.2rem, 5vw, 1.5rem)}.hero-main-pill .subtitle{font-size:clamp(.6rem, 2.5vw, .8rem)}.hero-tags span{font-size:.65rem}.status-badge{font-size:.6rem;padding:4px 10px}.card h3{font-size:.95rem}.node-info h3{font-size:.9rem}}@media (max-width:360px){.section-title{font-size:.7rem;letter-spacing:0;gap:3px}.section-title::after,.section-title::before{font-size:.65rem;padding:0 2px}.hero-main-pill h1{font-size:1.1rem}.hero-main-pill .subtitle{font-size:.55rem}}@keyframes glowPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(59, 130, 246, .6)) drop-shadow(0 0 12px rgba(139, 92, 246, .4)) drop-shadow(0 0 16px rgba(236, 72, 153, .3));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(59, 130, 246, .8)) drop-shadow(0 0 18px rgba(139, 92, 246, .6)) drop-shadow(0 0 24px rgba(236, 72, 153, .5));transform:scale(1.02)}}@keyframes fadeInTitle{to{opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}@keyframes timelineFlow{0%{top:-150px;opacity:0}10%,90%{opacity:1}100%{top:calc(100% + 50px);opacity:0}}@keyframes dotPulse{0%,100%{transform:translateX(-50%) translateY(-50%) scale(1);box-shadow:0 0 15px rgba(59,130,246,.6),0 0 25px rgba(139,92,246,.4),0 0 35px rgba(236,72,153,.3),inset 0 0 10px rgba(255,255,255,.2)}50%{transform:translateX(-50%) translateY(-50%) scale(1.2);box-shadow:0 0 20px rgba(59,130,246,.8),0 0 35px rgba(139,92,246,.6),0 0 50px rgba(236,72,153,.5),inset 0 0 15px rgba(255,255,255,.3)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s both fadeInUp}@keyframes loadingDot{0%,100%,80%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes floatOrb1{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(100px,150px) scale(1.1)}50%{transform:translate(200px,50px) scale(.9)}75%{transform:translate(50px,200px) scale(1.05)}}@keyframes floatOrb2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-150px,-100px) scale(1.15)}66%{transform:translate(-50px,150px) scale(.85)}}@keyframes floatOrb3{0%,100%{transform:translate(0,0) scale(1)}20%{transform:translate(100px,-50px) scale(1.1)}40%{transform:translate(150px,100px) scale(.9)}60%{transform:translate(-50px,150px) scale(1.05)}80%{transform:translate(-100px,50px) scale(.95)}}@keyframes floatOrb4{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-200px,100px) scale(1.2)}}@keyframes bgPulse{0%{opacity:1;transform:scale(1)}100%{opacity:.8;transform:scale(1.05)}}@keyframes glowPulseStrong{0%,100%{box-shadow:0 0 20px rgba(59,130,246,.3),0 0 40px rgba(139,92,246,.2),0 0 60px rgba(236,72,153,.1)}50%{box-shadow:0 0 30px rgba(59,130,246,.5),0 0 60px rgba(139,92,246,.3),0 0 90px rgba(236,72,153,.2)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes shimmerText{0%{background-position:0 center}100%{background-position:200% center}}@keyframes borderGlow{0%,100%{border-color:rgba(59,130,246,.3)}50%{border-color:rgba(139,92,246,.5)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 5px rgba(59,130,246,.3)}50%{box-shadow:0 0 15px rgba(59,130,246,.5),0 0 25px rgba(139,92,246,.3)}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;transition:.6s cubic-bezier(.4, 0, .2, 1)}.animate-on-scroll.visible{opacity:1}.animate-on-scroll.slide-left{transform:translateX(-30px)}.animate-on-scroll.slide-left.visible{transform:translateX(0)}.animate-on-scroll.slide-right{transform:translateX(30px)}.animate-on-scroll.slide-right.visible{transform:translateX(0)}.animate-on-scroll.scale-up{transform:scale(.9)}.animate-on-scroll.scale-up.visible{transform:scale(1)}.delay-100{animation-delay:.1s;transition-delay:0.1s}.delay-200{animation-delay:.2s;transition-delay:0.2s}.delay-300{animation-delay:.3s;transition-delay:0.3s}.delay-400{animation-delay:.4s;transition-delay:0.4s}.delay-500{animation-delay:.5s;transition-delay:0.5s}@keyframes float-symbol{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-main-pill{width:95%;max-width:900px;height:auto;min-height:220px;padding:40px 30px;background:linear-gradient(rgba(15,23,42,.85),rgba(15,23,42,.75)),radial-gradient(circle at 50% 0,rgba(59,130,246,.15) 0,transparent 50%),linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 60px rgba(59,130,246,.1),inset 0 0 20px rgba(59,130,246,.05),0 0 0 1px rgba(15,23,42,.5)}.hero-main-pill::before{content:'';transform:skewX(-25deg);pointer-events:none}@keyframes shine{0%{left:-100%}100%,20%{left:200%}}.pill-inner-main{padding:0;gap:16px;position:relative;z-index:2}.hero-main-pill h1{font-size:clamp(1.8rem, 5vw, 2.8rem);line-height:1.2;margin-bottom:8px;text-shadow:0 0 40px rgba(59,130,246,.3);letter-spacing:-.02em}.hero-main-pill .subtitle{font-size:clamp(.85rem, 2vw, 1rem);margin-bottom:24px;opacity:1;font-family:Consolas,Monaco,'Courier New',monospace;background:rgba(0,0,0,.3);display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;border:1px solid rgba(59,130,246,.15);color:#94a3b8;letter-spacing:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.hero-description{font-size:clamp(.9rem, 2vw, 1.05rem);color:#cbd5e1;line-height:1.6;margin-bottom:24px;max-width:580px;text-align:center;font-weight:300}.status-badge{font-size:.7rem;padding:8px 16px;letter-spacing:1.5px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#34d399;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 0 15px rgba(16,185,129,.15)}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:2s infinite pulseStatus}@keyframes pulseStatus{0%,100%{opacity:1;box-shadow:0 0 8px #10b981}50%{opacity:.5;box-shadow:0 0 0 #10b981}}.schematic-connectors{max-width:900px;margin:0 auto;padding:0 16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;height:auto;min-height:50px}.connector-vertical-main{width:0;height:30px;border-left:1px dashed rgba(59,130,246,.4);margin:0 auto}.connector-horizontal-bar{height:0;border-top:1px dashed rgba(59,130,246,.4);width:calc(80% + 12.8px);position:relative;margin:0 auto}.connector-horizontal-bar::before{display:none}.connector-vertical-legs{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;height:25px;margin-top:-1px;position:relative}.leg{width:0;height:100%;border-left:1px dashed rgba(59,130,246,.4);margin:0 auto;position:relative}.leg::before{content:'';position:absolute;top:0;left:0;width:6px;height:6px;background:rgba(59,130,246,.8);border-radius:50%;box-shadow:0 0 5px rgba(59,130,246,.6);transform:translate(-50%,-50%)}.schematic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:50px;padding:0 16px;max-width:900px;margin-left:auto;margin-right:auto}.stat-pill{height:90px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.stat-pill:hover{transform:translateY(-5px);box-shadow:0 10px 30px -5px rgba(59,130,246,.2)}.stat-pill::after{content:'';position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 20px rgba(59,130,246,0);transition:box-shadow .3s}.stat-pill:hover::after{box-shadow:inset 0 0 20px rgba(59,130,246,.1)}.pill-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;z-index:2}.pill-icon{opacity:.9;color:#60a5fa;transition:transform .3s}.stat-pill:hover .pill-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(59, 130, 246, .6))}.pill-icon svg{width:28px;height:28px;filter:drop-shadow(0 0 5px rgba(59, 130, 246, .4))}.pill-value{display:none}.pill-label{font-size:.75rem;letter-spacing:.5px;opacity:.9;font-weight:500;color:#e2e8f0}.vscode-block{max-width:600px;margin:0 auto 40px;position:relative}@media (min-width:900px){.vscode-block{position:sticky;top:80px;margin-bottom:40px;transition:opacity .4s}}.vscode-content{padding:16px 20px}@media (max-width:900px){.schematic-connectors{display:none}.schematic-grid{grid-template-columns:repeat(3,1fr);gap:12px}.schematic-grid .stat-pill:nth-child(4),.schematic-grid .stat-pill:nth-child(5){grid-column:span 1}}@media (max-width:600px){.schematic-top{width:100%;display:flex;justify-content:center;align-items:center}.hero-main-pill{width:calc(100% - 12px);max-width:100%;margin:0 auto;padding:28px 20px;min-height:auto;border-radius:16px}.hero-main-pill .pill-inner-main{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:0;width:100%;box-sizing:border-box}.hero-main-pill .hero-description,.hero-main-pill .status-badge,.hero-main-pill .subtitle,.hero-main-pill h1{margin:0}.hero-main-pill h1{font-size:1.15rem;line-height:1.35;white-space:normal!important;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%}.hero-main-pill .hero-description{font-size:.85rem;line-height:1.5}.hero-main-pill .subtitle{font-size:.75rem;padding:6px 12px}.status-badge{font-size:.6rem;padding:6px 12px;letter-spacing:1px}.hero-tech-btn{padding:12px 22px;font-size:.75rem;gap:8px}.hero-tags{gap:4px 8px;font-size:.7rem}.schematic-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 10px}.schematic-grid .stat-pill:nth-child(5){grid-column:span 2}.stat-pill{height:75px}.vscode-block{margin:12px auto 24px;max-width:calc(100% - 12px);border-radius:12px}.vscode-content{padding:12px 10px;font-size:.7rem}.vscode-content .line{white-space:nowrap}.vscode-content .line-num{min-width:16px;margin-right:10px;font-size:.65rem}.vscode-header{padding:8px 12px}.vscode-title{font-size:.7rem}}.hero-schematic-container{padding-top:80px;padding-bottom:40px;gap:20px}.schematic-top{margin-bottom:20px}#benefits{margin-top:60px;padding-bottom:40px}.pricing-section{position:relative;z-index:10;overflow:hidden}.pricing-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:1400px;margin:60px auto 0}.pricing-card-v2{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:50px 30px 40px;position:relative;display:flex;flex-direction:column;transition:.5s cubic-bezier(.23, 1, .32, 1);backdrop-filter:blur(12px);overflow:hidden}.pricing-card-v2:hover{transform:translateY(-12px);border-color:rgba(59,130,246,.4);background:rgba(15,23,42,.7);box-shadow:0 25px 60px rgba(0,0,0,.5)}.card-tech-badge{position:absolute;top:20px;right:25px;font-family:'JetBrains Mono',Consolas,monospace;font-size:10px;color:rgba(255,255,255,.2);letter-spacing:2px}.tech-glow{color:#00d2ff!important;text-shadow:0 0 10px rgba(0,210,255,.4)}.pricing-header-v2{margin-bottom:30px;text-align:center}.plan-icon-wrapper-v2{width:50px;height:50px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);box-shadow:0 0 15px rgba(59,130,246,.1);color:#3b82f6;transition:.3s}.pricing-card-v2:hover .plan-icon-wrapper-v2{background:rgba(59,130,246,.2);box-shadow:0 0 25px rgba(59,130,246,.3);color:#fff;transform:scale(1.1)}.plan-icon-svg{width:26px;height:26px}.pricing-card-v2.featured .plan-icon-wrapper-v2{background:rgba(0,210,255,.1);border-color:rgba(0,210,255,.4);color:#00d2ff;box-shadow:0 0 20px rgba(0,210,255,.2)}.pricing-card-v2.featured:hover .plan-icon-wrapper-v2{background:rgba(0,210,255,.25);box-shadow:0 0 35px rgba(0,210,255,.4);color:#fff}.pricing-header-v2 h3{font-size:24px;font-weight:800;margin-bottom:8px;letter-spacing:1px;color:#fff;text-transform:uppercase}.plan-desc{color:rgba(255,255,255,.4);font-size:13px;text-transform:uppercase;letter-spacing:1px}.plan-time{display:inline-block;align-self:center;background:rgba(59,130,246,.08);padding:5px 14px;border-radius:6px;font-size:11px;font-weight:600;color:#3b82f6;margin-bottom:35px;border:1px solid rgba(59,130,246,.2);font-family:'JetBrains Mono',monospace}.plan-features-v2{list-style:none;padding:0;margin:0 0 40px;flex-grow:1}.plan-features-v2 li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03);color:rgba(255,255,255,.6);font-size:14px;line-height:1.4;display:flex;align-items:center}.plan-features-v2 li::before{content:'';width:6px;height:6px;background:#3b82f6;border-radius:50%;margin-right:12px;box-shadow:0 0 8px #3b82f6}.plan-features-v2 li:hover{color:#fff}.plan-btn-v2{display:block;text-align:center;padding:16px;border-radius:12px;background:rgba(255,255,255,.03);color:#fff;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;transition:.3s;border:1px solid rgba(255,255,255,.08)}.plan-btn-v2:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.1)}.pricing-card-v2.featured{border-color:rgba(59,130,246,.4);background:rgba(15,23,42,.6)}.plan-popular{position:absolute;top:0;left:50%;transform:translateX(-50%);background:#3b82f6;padding:5px 20px;border-radius:0 0 10px 10px;font-size:9px;font-weight:900;letter-spacing:2px;color:#fff}.accent-glow{background:#3b82f6!important;border:none!important;box-shadow:0 0 20px rgba(59,130,246,.3)}.accent-glow:hover{box-shadow:0 0 35px rgba(59,130,246,.5);background:#fff!important;color:#000!important}.text-glow{text-shadow:0 0 15px rgba(255,255,255,.2)}.pricing-grid{display:none!important}@media (max-width:1300px){.pricing-grid-new{grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width:768px){.hero-schematic-container{padding-top:0;padding-bottom:24px;gap:16px}.schematic-top{margin-bottom:12px}#benefits{margin-top:24px;padding-bottom:24px}.benefits-grid-custom{gap:16px;margin-top:24px;padding:0 12px}.benefit-item{padding:16px;border-radius:14px}.pricing-section{padding:56px 12px 64px}.pricing-grid-new{grid-template-columns:1fr;max-width:420px;padding:0 12px;margin-top:24px;gap:16px}.pricing-card-v2{padding:28px 16px 22px;border-radius:16px}.pricing-header-v2{margin-bottom:18px}}.benefits-grid-custom{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;margin-top:40px;position:relative;max-width:1200px;margin-left:auto;margin-right:auto;width:100%;padding:0 16px;box-sizing:border-box}@media (min-width:640px){.benefits-grid-custom{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.benefits-grid-custom{grid-template-columns:repeat(4,1fr)}}.benefit-item{background:rgba(15,23,42,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.benefit-tech-id{position:absolute;top:12px;right:12px;font-family:Consolas,Monaco,monospace;font-size:.65rem;color:#3b82f6;opacity:.5;letter-spacing:1px;border:1px solid rgba(59,130,246,.2);padding:2px 6px;border-radius:4px;transition:.3s}.benefit-item:hover .benefit-tech-id{opacity:1;background:rgba(59,130,246,.1);box-shadow:0 0 10px rgba(59,130,246,.2)}.benefit-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(59,130,246,.05) 0,transparent 100%);opacity:0;transition:opacity .4s;pointer-events:none}.benefit-item::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.5),rgba(139,92,246,.5),rgba(236,72,153,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;z-index:-1}.benefit-item:hover{background:rgba(30,41,59,.8);transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(59,130,246,.1);border-color:transparent}.benefit-item:hover::after,.benefit-item:hover::before{opacity:1}.benefit-icon{margin-bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(59,130,246,.1);border-radius:10px;color:#3b82f6;transition:.3s}.benefit-icon svg{width:24px;height:24px}.benefit-item:hover .benefit-icon{background:#3b82f6;color:#fff;transform:scale(1.1) rotate(-5deg);box-shadow:0 0 15px rgba(59,130,246,.4)}.benefit-item h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#f1f5f9}.benefit-item p{margin:0;font-size:.9rem;line-height:1.5;color:#94a3b8;flex-grow:1}.section-subtitle{text-align:center;color:#94a3b8;font-size:1.1rem;max-width:600px;margin:-10px auto 40px;line-height:1.6}.benefits-grid-custom::before{content:'';position:absolute;inset:-20px;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%)}.pricing-section{padding:100px 20px;background:#050505}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:50px auto 0}.pricing-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px;display:flex;flex-direction:column;transition:.3s;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.04)}.pricing-card.featured{background:rgba(0,243,255,.03);border-color:rgba(0,243,255,.2);transform:scale(1.05);z-index:2}.pricing-card.featured:hover{transform:scale(1.05) translateY(-10px)}.plan-badge{position:absolute;top:20px;right:-30px;background:var(--accent-color);color:#000;padding:5px 40px;font-size:.7rem;font-weight:800;transform:rotate(45deg);letter-spacing:1px}.pricing-header{margin-bottom:30px}.plan-id{font-family:var(--font-mono);font-size:.7rem;opacity:.5;margin-bottom:10px}.pricing-header h3{font-size:1.8rem;margin-bottom:10px}.plan-price{font-size:2.5rem;font-weight:800;color:#fff}.plan-features{list-style:none;padding:0;margin:0 0 40px;flex-grow:1}.plan-features li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem;display:flex;align-items:center;gap:12px}.plan-features li:last-child{border-bottom:none}.plan-features li.disabled{opacity:.3}.feat-icon{font-size:1.1rem;font-weight:700}.plan-button{display:block;text-align:center;padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;text-decoration:none;font-weight:700;transition:.3s}.plan-button:hover{background:#fff;color:#000}.plan-button.accent-bg{background:var(--accent-color);border-color:var(--accent-color);color:#000}.plan-button.accent-bg:hover{background:#00d4ff;box-shadow:0 0 20px rgba(0,243,255,.3)}@media (max-width:1024px){.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-10px)}}.problems-section{position:relative;padding:48px 0}.problems-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;max-width:1200px;margin:40px auto;padding:0 16px;box-sizing:border-box}@media (min-width:768px){.problems-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.problems-grid{grid-template-columns:repeat(4,1fr)}}.problem-card{background:rgba(15,10,10,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.15);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:.3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column}.problem-card:hover{background:rgba(30,10,10,.8);border-color:rgba(239,68,68,.5);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(239,68,68,.15),inset 0 0 20px rgba(239,68,68,.05);transform:translateY(-5px)}.problem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-family:Consolas,monospace;font-size:.7rem}.problem-tech-id{color:#ef4444;opacity:.7;letter-spacing:1px}.problem-status{color:#ef4444;background:rgba(239,68,68,.1);padding:4px 8px;border-radius:4px;letter-spacing:.5px;font-weight:600;font-size:.6rem;box-shadow:0 0 10px rgba(239,68,68,.1)}.problem-status.blinking{animation:2s infinite blinkRed}@keyframes blinkRed{0%,100%{opacity:1}50%{opacity:.5}}.problem-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.05);border-radius:12px;margin-bottom:16px;color:#ef4444;transition:.3s}.problem-card:hover .problem-icon-wrapper{background:rgba(239,68,68,.2);transform:scale(1.05);box-shadow:0 0 15px rgba(239,68,68,.2)}.problem-icon{width:24px;height:24px}.problem-card h3{color:#fca5a5;font-size:1.1rem;margin:0 0 10px;font-weight:600}.problem-card p{color:#9ca3af;font-size:.9rem;line-height:1.5;margin:0;flex-grow:1}.problems-footer{display:flex;justify-content:center;margin-top:40px;padding:0 16px}.solution-pill-fix{display:flex;align-items:center;gap:12px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);padding:12px 24px;border-radius:100px;backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(16,185,129,.15);animation:4s ease-in-out infinite floatPill}@keyframes floatPill{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.pill-icon-ok{display:flex;align-items:center;justify-content:center;color:#10b981;width:24px;height:24px;background:rgba(16,185,129,.2);border-radius:50%}.pill-icon-ok svg{width:14px;height:14px}.pill-text-content{color:#e2e8f0;font-size:.95rem}.pill-text-content .text-accent{color:#34d399;font-weight:600}.tech-grid-custom{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;max-width:1000px;margin:40px auto;padding:0 16px;box-sizing:border-box}@media (min-width:768px){.tech-grid-custom{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.tech-grid-custom{grid-template-columns:repeat(3,1fr)}}.tech-item.blur-card{background:rgba(30,41,59,.4);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;transition:.3s}.tech-item:hover{background:rgba(30,41,59,.7);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.2);border-color:rgba(59,130,246,.3)}.tech-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tech-icon-small{font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(59, 130, 246, .3))}.tech-item h3{margin:0;font-size:1.05rem;font-weight:600;color:#f1f5f9}.tech-item p{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.5}.tech-logos-row{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px;padding:0 16px}.tech-logo{font-family:Inter,sans-serif;font-weight:600;font-size:1.2rem;color:#64748b;padding:10px 20px;border:1px solid rgba(100,116,139,.2);border-radius:8px;transition:.3s;cursor:default;background:rgba(255,255,255,.02)}.tech-logo:hover{color:#e2e8f0;border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.05);box-shadow:0 0 15px rgba(59,130,246,.1)}.for-who-h-section{padding:40px 0;position:relative;overflow:hidden}.h-timeline-container{overflow:hidden;padding:20px 20px 40px;position:relative}.h-timeline-container::-webkit-scrollbar{display:none}.h-timeline-track{display:flex!important;flex-wrap:nowrap!important;gap:30px;min-width:max-content;position:relative;padding:20px 40px 50px;transition:transform .2s cubic-bezier(.2, 0, .2, 1);will-change:transform}.h-timeline-axis{position:absolute;bottom:25px;left:0;right:0;height:1px;border-top:1px dashed rgba(59,130,246,.4);z-index:1}.h-timeline-scan{position:absolute;top:-1px;left:0;width:150px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);animation:6s linear infinite hScan}@keyframes hScan{0%{left:-150px}100%{left:100%}}.h-timeline-item{width:300px!important;flex-shrink:0!important;position:relative;display:flex;flex-direction:column;align-items:center}.h-connector{position:absolute;bottom:-55px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.h-line-vertical{width:1px;height:55px;border-left:1px dashed rgba(59,130,246,.4)}.h-dot{width:10px;height:10px;background:#0f172a;border:2px solid var(--accent-blue);border-radius:50%;box-shadow:0 0 15px var(--accent-blue);position:absolute;bottom:-5px}.h-card{background:rgba(15,23,42,.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;transition:.4s cubic-bezier(.4, 0, .2, 1);position:relative;width:100%;height:220px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;z-index:5}.h-timeline-item:hover .h-card{border-color:rgba(59,130,246,.4);background:rgba(30,41,59,.8);transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.4)}.h-card-header{display:flex;justify-content:space-between;align-items:center}.h-step-label{background:rgba(59,130,246,.15);color:var(--accent-blue);font-size:.65rem;padding:4px 10px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-weight:600}.h-step-id{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#64748b}.h-card-body{display:flex;flex-direction:column;gap:10px}.h-card-icon{width:36px;height:36px;background:rgba(59,130,246,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.h-card h3{margin:0;font-size:1.1rem;color:#f8fafc}.h-card p{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.5}@media (max-width:768px){nav.browser-nav{z-index:10005!important;position:fixed!important}.mobile-menu-toggle{position:relative!important;z-index:10010!important;pointer-events:auto!important}.ai-chat-container,.ai-chat-widget,[data-ai-chat]{pointer-events:none}.ai-chat-container *,.ai-chat-widget *,[data-ai-chat] *{pointer-events:auto}.mobile-menu-overlay.active{z-index:10015!important}.mobile-menu-backdrop.active{z-index:10012!important}}.hero{width:100%;max-width:none;margin:0}.hero .code-canvas{opacity:.2}.hero-main-pill{position:relative;background:linear-gradient(180deg,rgba(10,25,50,.65) 0,rgba(8,20,42,.87) 50%,rgba(6,15,35,.9) 100%);backdrop-filter:blur(14px);border:1px solid rgba(56,189,248,.22);border-radius:26px;box-shadow:0 0 40px rgba(56,189,248,.08),inset 0 0 30px rgba(56,189,248,.03),inset 0 0 2px rgba(56,189,248,.28);overflow:visible;transition:.4s cubic-bezier(.4, 0, .2, 1)}.hero-main-pill::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;width:auto;height:auto;border-radius:inherit;padding:4px;border:1px solid rgba(56,189,248,.08);transform:none;animation:none;background:linear-gradient(135deg,rgba(56,189,248,.14) 0,rgba(56,189,248,.03) 25%,rgba(56,189,248,.03) 75%,rgba(56,189,248,.14) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.hero-main-pill::after{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:inherit;background:radial-gradient(ellipse 60px 60px at 0 0,rgba(56,189,248,.32) 0,transparent 70%),radial-gradient(ellipse 60px 60px at 100% 0,rgba(56,189,248,.32) 0,transparent 70%),radial-gradient(ellipse 60px 60px at 0 100%,rgba(56,189,248,.24) 0,transparent 70%),radial-gradient(ellipse 60px 60px at 100% 100%,rgba(56,189,248,.24) 0,transparent 70%);pointer-events:none;z-index:-2;opacity:.8;transition:opacity .4s}.hero-main-pill:hover{border-color:rgba(56,189,248,.33);box-shadow:0 0 70px rgba(56,189,248,.15),inset 0 0 50px rgba(56,189,248,.08),inset 0 0 3px rgba(56,189,248,.33);transform:translateY(-2px)}.hero-main-pill:hover::after{opacity:1}.subtitle.code-style{position:relative;display:inline-block}.subtitle.code-style::after{content:'|';position:absolute;right:-12px;color:#38bdf8;animation:1s step-end infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.stat-pill{position:relative;transition:.3s cubic-bezier(.175, .885, .32, 1.275);border:1px solid rgba(255,255,255,.05);background:rgba(30,41,59,.4);border-radius:6px;overflow:hidden}.stat-pill:hover{transform:translateY(-5px) scale(1.05);border-color:rgba(56,189,248,.4);background:rgba(30,41,59,.6);box-shadow:0 10px 30px -10px rgba(56,189,248,.3);z-index:10}.stat-pill .pill-icon{transition:transform .3s}.stat-pill:hover .pill-icon{transform:scale(1.1) rotate(5deg);color:#38bdf8}.stat-pill::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);transform:skewX(-25deg);transition:.5s}.stat-pill:hover::before{left:150%;transition:.5s}.schematic-connectors .connector-horizontal-bar,.schematic-connectors .connector-vertical-main,.schematic-connectors .leg{position:relative}.schematic-connectors .connector-horizontal-bar::before{content:'';position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:rgba(14,17,22,.9);border:1px solid rgba(56,189,248,.85);border-radius:50%;box-shadow:0 0 8px rgba(56,189,248,.55);z-index:5;opacity:1;display:block;box-sizing:border-box}.schematic-connectors .leg::before{content:'';position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:6px;height:6px;background:rgba(14,17,22,.9);border:1px solid rgba(56,189,248,.85);border-radius:50%;box-shadow:0 0 8px rgba(56,189,248,.55);z-index:5;box-sizing:border-box}.schematic-connectors .connector-vertical-legs .leg:nth-child(3)::before{display:none}.schematic-connectors .leg::after{content:'';position:absolute;bottom:-3px;left:0;transform:translate(-50%,0);width:6px;height:6px;background:rgba(14,17,22,.9);border:1px solid rgba(56,189,248,.85);border-radius:50%;box-shadow:0 0 8px rgba(56,189,248,.55);z-index:5;box-sizing:border-box}.schematic-connectors .connector-horizontal-bar::after{content:'';position:absolute;top:0;left:0;width:20px;height:100%;background:#38bdf8;filter:blur(4px);box-shadow:0 0 10px #38bdf8;animation:3s linear infinite flow-horizontal;opacity:.6}@keyframes flow-horizontal{0%{left:-20%;opacity:0}10%,90%{opacity:1}100%{left:120%;opacity:0}}.status-badge{position:relative;overflow:hidden;border-radius:6px!important}.status-badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.2),transparent);animation:3s infinite shimmer}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.hero-tech-btn{display:inline-flex;align-items:center;gap:12px;margin-top:25px;padding:12px 28px;background:rgba(14,165,233,.08);border:1px solid rgba(56,189,248,.28);border-radius:6px;color:#38bdf8;font-family:'JetBrains Mono',monospace;font-size:.95rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;transition:.3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(4px);z-index:10;box-shadow:0 4px 15px rgba(0,0,0,.2)}.hero-tech-btn .btn-scan-line{position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(56,189,248,.35),transparent);transform:skewX(-20deg);animation:2.8s infinite btnScan;pointer-events:none}.hero-tech-btn:hover{background:rgba(56,189,248,.15);border-color:#38bdf8;box-shadow:0 0 25px rgba(56,189,248,.25),inset 0 0 10px rgba(56,189,248,.1);transform:translateY(-2px);color:#fff;text-shadow:0 0 8px rgba(56,189,248,.5)}.hero-tech-btn:active{transform:translateY(0)}.hero-tech-btn .btn-icon{display:flex;align-items:center;transition:transform .4s}.hero-tech-btn:hover .btn-icon{transform:rotate(90deg)}.hero-tech-btn .btn-arrow{font-size:1.2em;line-height:1;transition:transform .3s;margin-left:2px}.hero-tech-btn:hover .btn-arrow{transform:translateX(4px);color:#38bdf8}@keyframes btnScan{0%,80%{left:-100%}100%{left:250%}}.showcase-section{position:relative;padding:60px 0 100px;background:radial-gradient(ellipse 60% 40% at 50% 0,rgba(59,130,246,.08) 0,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(139,92,246,.06) 0,transparent 50%);overflow:hidden}.showcase-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--accent-blue),transparent);opacity:.5}.showcase-container{max-width:1400px;margin:0 auto;padding:0 20px}.showcase-header{text-align:center;margin-bottom:50px;position:relative;z-index:10}.showcase-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:100px;color:var(--accent-blue);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;box-shadow:0 0 25px rgba(59,130,246,.15);backdrop-filter:blur(5px)}.showcase-subtitle{font-size:1.6rem;color:#cbd5e1;font-weight:400;max-width:650px;margin:0 auto;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.5)}.showcase-carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:50px}.showcase-nav{position:relative;z-index:10;width:60px;height:80px;background:0 0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;flex-shrink:0;outline:0}.showcase-nav::before{content:'';position:absolute;width:44px;height:100%;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.1);transform:skewX(-12deg);border-radius:6px;transition:.3s;backdrop-filter:blur(4px)}.showcase-nav:hover::before{background:rgba(59,130,246,.15);border-color:var(--accent-blue);box-shadow:0 0 20px rgba(59,130,246,.2);transform:skewX(-12deg) scale(1.05)}.showcase-nav-prev::before{transform:skewX(12deg)}.showcase-nav-prev:hover::before{transform:skewX(12deg) scale(1.05)}.showcase-nav svg{position:relative;z-index:2;width:28px;height:28px;color:rgba(255,255,255,.6);transition:.3s}.showcase-nav:hover svg{color:#fff;filter:drop-shadow(0 0 5px var(--accent-blue));transform:scale(1.1)}.showcase-nav:active::before{transform:skewX(-12deg) scale(.95)}.showcase-nav-prev:active::before{transform:skewX(12deg) scale(.95)}.showcase-slider{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:1250px;height:520px;perspective:1500px;overflow:visible}.showcase-slide{position:absolute;width:400px;transition:transform .6s cubic-bezier(.25, 1, .25, 1),opacity .6s cubic-bezier(.25, 1, .25, 1);cursor:pointer;opacity:0;pointer-events:none;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.showcase-slide[data-position="-3"],.showcase-slide[data-position="-4"]{transform:translateX(-700px) scale(.5) rotateY(45deg);opacity:0;z-index:0}.showcase-slide[data-position="3"],.showcase-slide[data-position="4"]{transform:translateX(700px) scale(.5) rotateY(-45deg);opacity:0;z-index:0}.showcase-slide[data-position="-2"]{transform:translateX(-600px) scale(.65) rotateY(35deg);opacity:.3;z-index:1;pointer-events:auto}.showcase-slide[data-position="-1"]{transform:translateX(-340px) scale(.8) rotateY(20deg);opacity:.7;z-index:2;pointer-events:auto}.showcase-slide[data-position="0"]{transform:translateX(0) scale(1.1) rotateY(0) translateZ(40px);opacity:1;z-index:10;pointer-events:auto}.showcase-slide[data-position="1"]{transform:translateX(340px) scale(.8) rotateY(-20deg);opacity:.7;z-index:2;pointer-events:auto}.showcase-slide[data-position="2"]{transform:translateX(600px) scale(.65) rotateY(-35deg);opacity:.3;z-index:1;pointer-events:auto}.showcase-slide[data-position="0"]:hover{transform:translateX(0) scale(1.12) rotateY(0) translateZ(50px)}.showcase-slide[data-position="0"]:hover .slide-browser-frame{border-color:rgba(59,130,246,.6);box-shadow:0 40px 90px rgba(0,0,0,.8),0 0 60px rgba(59,130,246,.3)}.slide-browser-frame{background:linear-gradient(170deg,#1e293b 0,#0f172a 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.7);transition:.4s}.slide-browser-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.05)}.slide-browser-dots{display:flex;gap:6px}.slide-browser-dots span{width:8px;height:8px;border-radius:50%;opacity:.7}.slide-browser-dots span:first-child{background:#ff5f56}.slide-browser-dots span:nth-child(2){background:#ffbd2e}.slide-browser-dots span:nth-child(3){background:#27c93f}.slide-browser-title{font-size:.65rem;font-family:'JetBrains Mono',monospace;opacity:.5}.slide-browser-actions{display:flex;gap:8px}.slide-browser-actions span{width:14px;height:4px;background:rgba(255,255,255,.1);border-radius:2px}.slide-content{position:relative;aspect-ratio:16/10;background:#000;overflow:hidden}.slide-image{width:100%;height:100%;object-fit:cover}.slide-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 80%,rgba(0,0,0,.65),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}.showcase-slide[data-position="0"]:hover .slide-overlay{opacity:1}.slide-info{padding:16px 20px;background:rgba(15,23,42,.9);border-top:1px solid rgba(255,255,255,.05)}.slide-category{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--accent-blue);letter-spacing:1px;display:block;margin-bottom:4px}.slide-title{font-size:1.1rem;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-description{font-size:.85rem;color:#94a3b8;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase-indicators{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;margin-bottom:22px}.showcase-dot{appearance:none;-webkit-appearance:none;width:32px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);border:none;cursor:pointer;transition:.4s cubic-bezier(.25, 1, .5, 1);padding:0;position:relative;overflow:hidden}.showcase-dot:hover{background:rgba(255,255,255,.4)}.showcase-dot.active{width:60px;background:var(--accent-blue);box-shadow:0 0 10px rgba(59,130,246,.5);height:4px}.showcase-dot.active::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:2s linear infinite pillFlow}@keyframes pillFlow{0%{transform:translateX(-150%)}100%{transform:translateX(250%)}}.showcase-tech-badge{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px 0 28px}.tech-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:.8rem;color:rgba(226,232,240,.85);transition:.25s}.tech-pill svg{width:16px;height:16px;opacity:.7}.tech-pill:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35);color:#fff;transform:translateY(-1px)}.showcase-cta{text-align:center}.showcase-cta .hero-tech-btn{margin-top:0}.showcase-tech-btn{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.28);color:var(--accent-blue)}.showcase-tech-btn:hover{background:rgba(59,130,246,.15);border-color:var(--accent-blue);box-shadow:0 0 25px rgba(59,130,246,.25),inset 0 0 10px rgba(59,130,246,.12);color:#fff;text-shadow:0 0 8px rgba(59,130,246,.55)}.showcase-tech-btn:hover .btn-arrow{color:var(--accent-blue)}.showcase-tech-btn .btn-scan-line{background:linear-gradient(90deg,transparent,rgba(59,130,246,.35),transparent)}.showcase-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,var(--accent-blue) 0,#2563eb 100%);border:1px solid rgba(59,130,246,.5);border-radius:12px;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;transition:.25s;box-shadow:0 8px 30px rgba(59,130,246,.18)}.showcase-btn svg{width:18px;height:18px;transition:transform .25s}.showcase-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(59,130,246,.28)}.showcase-btn:hover svg{transform:translateX(4px)}.showcase-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px;background:rgba(0,0,0,.92);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.25s}.showcase-modal.active{opacity:1;visibility:visible}.modal-content{position:relative;max-width:1100px;max-height:90vh;width:100%}.modal-image{width:100%;height:auto;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal-info{text-align:center;margin-top:22px}.modal-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:8px}.modal-description{font-size:1rem;color:rgba(226,232,240,.75)}.modal-close,.modal-next,.modal-prev{position:fixed;width:50px;height:50px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(0,0,0,.55);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s}.modal-close{top:30px;right:30px}.modal-prev{left:30px;top:50%;transform:translateY(-50%)}.modal-next{right:30px;top:50%;transform:translateY(-50%)}.modal-close svg,.modal-next svg,.modal-prev svg{width:24px;height:24px;color:#fff}.modal-close:hover,.modal-next:hover,.modal-prev:hover{background:rgba(59,130,246,.28);border-color:rgba(59,130,246,.6)}@media (max-width:1200px){.showcase-slider{max-width:95%}.showcase-slide[data-position="-2"]{transform:translateX(-480px) scale(.6) rotateY(30deg)}.showcase-slide[data-position="2"]{transform:translateX(480px) scale(.6) rotateY(-30deg)}}@media (max-width:1024px){.showcase-slider{height:460px;max-width:100%;overflow:hidden}.showcase-slide[data-position="-2"],.showcase-slide[data-position="2"]{opacity:0;pointer-events:none}.showcase-slide[data-position="-1"]{transform:translateX(-240px) scale(.8) rotateY(20deg);opacity:.6}.showcase-slide[data-position="1"]{transform:translateX(240px) scale(.8) rotateY(-20deg);opacity:.6}}@media (max-width:768px){.showcase-section{padding:28px 0 44px}.showcase-carousel-wrapper{flex-direction:column;gap:20px}.showcase-slider{height:400px;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.showcase-slide{width:280px;transition:transform .5s cubic-bezier(.4, 0, .2, 1),opacity .5s cubic-bezier(.4, 0, .2, 1)}.showcase-header{margin-bottom:18px}.showcase-subtitle{font-size:1.1rem;padding:0 12px}.showcase-slide[data-position="-1"]{transform:translateX(-140px) scale(.75);opacity:.4}.showcase-slide[data-position="1"]{transform:translateX(140px) scale(.75);opacity:.4}.showcase-slide[data-position="0"]{transform:translateX(0) scale(1) translateZ(20px);opacity:1}.showcase-nav{display:none}}:root{--chat-bg-primary:rgba(5, 5, 5, 0.95);--chat-bg-secondary:rgba(15, 15, 15, 0.9);--chat-bg-card:rgba(59, 130, 246, 0.03);--chat-header-bg:rgba(10, 10, 10, 0.98);--chat-input-bg:rgba(0, 0, 0, 0.8);--chat-text-primary:#e2e8f0;--chat-text-secondary:#94a3b8;--chat-text-muted:#475569;--chat-accent:#3b82f6;--chat-accent-secondary:#10b981;--chat-accent-tertiary:#8b5cf6;--chat-border:1px solid rgba(59, 130, 246, 0.2);--chat-radius:4px;--chat-radius-sm:2px;--chat-radius-msg:4px;--chat-font-family:'JetBrains Mono','Fira Code',monospace;--chat-font-base:14px;--chat-shadow:0 10px 40px -10px rgba(0, 0, 0, 0.8),0 0 20px rgba(59, 130, 246, 0.1);--chat-glow-color:rgba(59, 130, 246, 0.4)}.ai-chat-wrapper{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:20px;pointer-events:none}.ai-chat-wrapper>*{pointer-events:auto}.ai-chat-container{width:380px;height:600px;max-height:70vh;transition:.4s cubic-bezier(.16, 1, .3, 1);transform-origin:bottom right;opacity:1;transform:scale(1) translateY(0)}.ai-chat-container.hidden{opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;visibility:hidden}.ai-chat-widget{--chat-glow-enabled:1;--chat-gradient-border-enabled:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--chat-shadow);background-image:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 4px,6px 100%;border:1px solid rgba(59,130,246,.3);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.ai-chat-widget::before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(59,130,246,.5),transparent 40%,transparent 60%,rgba(59,130,246,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.ai-chat-header{border-bottom:1px dashed rgba(59,130,246,.3);background:rgba(10,10,10,.8)}.ai-chat-header::after{content:'SECURE_LINK_ESTABLISHED';position:absolute;bottom:-14px;right:10px;font-size:8px;color:var(--chat-accent);opacity:.7;letter-spacing:1px}.ai-chat-message-user{background:rgba(59,130,246,.15)!important;border:1px solid rgba(59,130,246,.3);border-radius:2px 12px!important;color:#fff!important;position:relative}.ai-chat-message-user::before{content:'USER';position:absolute;top:-8px;right:0;font-size:8px;color:var(--chat-accent);background:#000;padding:0 4px}.ai-chat-message-ai{background:rgba(255,255,255,.03)!important;border-left:2px solid var(--chat-accent);border-radius:2px 12px 12px 2px!important;position:relative}.ai-chat-message-ai::before{content:'AI Assistant';position:absolute;top:-8px;left:0;font-size:8px;color:var(--chat-text-secondary);background:#000;padding:0 4px}.ai-chat-input-container{border-top:1px dashed rgba(59,130,246,.3);background:rgba(0,0,0,.6)}.ai-chat-input{background:0 0!important;border:none!important;font-family:'JetBrains Mono',monospace;color:var(--chat-accent)!important}.ai-chat-input::placeholder{color:rgba(59,130,246,.3);text-transform:uppercase;font-size:12px}.ai-chat-send-btn{color:var(--chat-accent)!important;transition:.3s}.ai-chat-send-btn:hover{text-shadow:0 0 10px var(--chat-accent);transform:scale(1.1)}.ai-chat-toggle-btn{width:60px!important;height:60px!important;border-radius:50%!important;background:#000!important;border:1px solid var(--chat-accent)!important;box-shadow:0 0 20px rgba(59,130,246,.3),inset 0 0 10px rgba(59,130,246,.2)!important;overflow:visible!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;position:relative}.ai-chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(59,130,246,.5),inset 0 0 15px rgba(59,130,246,.3)!important}.ai-chat-toggle-btn::before{content:'';position:absolute;inset:-6px;border:1px dashed rgba(59,130,246,.4);border-radius:50%;animation:10s linear infinite chatOrbSpin;pointer-events:none}.ai-chat-toggle-btn::after{content:'';position:absolute;inset:-12px;border:1px dotted rgba(59,130,246,.2);border-radius:50%;animation:20s linear infinite reverse chatOrbSpin;pointer-events:none}@keyframes chatOrbSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-chat-toggle-btn svg{color:var(--chat-accent);filter:drop-shadow(0 0 5px var(--chat-accent));animation:2s ease-in-out infinite chatIconPulse}@keyframes chatIconPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.ai-chat-messages::-webkit-scrollbar{width:4px}.ai-chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--chat-accent);border-radius:2px}