:root{--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-primary-light:#3b82f6;--color-secondary:#60a5fa;--color-accent:#dbeafe;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--color-white:#ffffff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-heading:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'Space Mono',monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--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-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--glow-primary:0 0 20px rgba(37, 99, 235, 0.4);--glow-primary-strong:0 0 30px rgba(37, 99, 235, 0.6),0 0 60px rgba(37, 99, 235, 0.3);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--liquid-glass-blur:20px;--liquid-glass-saturate:180%;--liquid-glass-brightness:110%;--liquid-glass-opacity:0.15;--liquid-glass-border-opacity:0.2;--liquid-glass-shadow-blur:30px;--liquid-glass-shadow-spread:-8px;--liquid-glass-shadow-color:rgba(59, 130, 246, 0.3);--liquid-glass-inner-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2);--liquid-glass-tint-rgb:59,130,246;--liquid-glass-tint-opacity:0.1;--liquid-glass-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);--liquid-glass-hover-scale:1.02;--liquid-glass-hover-blur:25px;--liquid-glass-noise-freq:0.008;--liquid-glass-distortion:15;--cloud-animation-duration:20s;--cloud-blur-base:40px;--cloud-opacity-base:0.6}[data-lucide]{color:inherit;fill:currentColor;stroke:currentColor}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-900);background-color:var(--color-white);overflow-x:hidden;position:relative}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;background:linear-gradient(135deg,#dbeafe 0,#fff 50%,#dbeafe 100%);opacity:.7}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-gray-900)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}.main-title{font-family:var(--font-heading);font-weight:700}p{margin-bottom:var(--space-md);color:var(--color-gray-700)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}@media (min-width:768px){.container{padding:0 var(--space-xl)}}.section{padding:var(--space-4xl) 0;position:relative;z-index:var(--z-base);overflow:visible}.section__header{text-align:center;max-width:900px;margin:0 auto var(--space-lg)}.section__title{font-size:clamp(3rem, 6vw, 4.5rem);margin-bottom:var(--space-xl);font-weight:900;letter-spacing:-.03em;color:var(--color-gray-900);line-height:1.05;display:flex;flex-direction:column;align-items:center;gap:.2em;position:relative}.title-line{display:block;position:relative;transition:all .4s cubic-bezier(.4, 0, .2, 1)}.title-line--highlight{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 50%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;font-size:1.1em;font-weight:900}.title-line--highlight::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;transition:width .6s cubic-bezier(.4, 0, .2, 1)}.section__title:hover .title-line--highlight::before{width:100%}.title-year{display:inline-block;font-size:.4em;font-weight:700;color:var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);padding:.3em .8em;border-radius:50px;margin-top:.3em;box-shadow:0 4px 12px rgba(37,99,235,.3);transition:all .3s ease;position:relative;overflow:hidden}.title-year::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.section__title:hover .title-year{transform:scale(1.05);box-shadow:0 6px 16px rgba(37,99,235,.4)}.section__title:hover .title-year::before{left:100%}.section__title:hover .title-line{transform:translateY(-2px)}.section__title:hover .title-line--highlight{transform:translateY(-3px) scale(1.02);text-shadow:0 4px 12px rgba(37,99,235,.2)}.section__subtitle{font-size:var(--font-size-xl);color:var(--color-gray-600);line-height:1.7;max-width:700px;margin:0 auto;font-weight:400}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:80px;backdrop-filter:blur(var(--liquid-glass-blur)) saturate(var(--liquid-glass-saturate)) brightness(var(--liquid-glass-brightness));-webkit-backdrop-filter:blur(var(--liquid-glass-blur)) saturate(var(--liquid-glass-saturate)) brightness(var(--liquid-glass-brightness));background:rgba(var(--liquid-glass-tint-rgb),var(--liquid-glass-opacity));border-bottom:1px solid rgba(255,255,255,var(--liquid-glass-border-opacity));box-shadow:var(--liquid-glass-inner-shadow),0 8px var(--liquid-glass-shadow-blur) var(--liquid-glass-shadow-spread) var(--liquid-glass-shadow-color);transition:var(--liquid-glass-transition);isolation:isolate;overflow:hidden}.navbar::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.08) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(96,165,250,.06) 0,transparent 50%);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:-2}.navbar::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 100%);backdrop-filter:blur(var(--liquid-glass-blur));-webkit-backdrop-filter:blur(var(--liquid-glass-blur));filter:url(#liquid-glass-distortion);mask:linear-gradient(135deg,transparent 0%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.8) 80%,transparent 100%);-webkit-mask:linear-gradient(135deg,transparent 0%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.8) 80%,transparent 100%);z-index:-1;pointer-events:none}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.navbar-brand{font-size:1.5rem;font-weight:800;color:var(--color-white);text-decoration:none;background:linear-gradient(135deg,#fff 0,#e0e7ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:var(--liquid-glass-transition);position:relative;overflow:hidden}.navbar-brand::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.navbar-brand:hover::before{left:100%}.navbar-nav{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.navbar-nav li{position:relative}.navbar-nav a{color:var(--color-white);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:12px;transition:var(--liquid-glass-transition);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.navbar-nav a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease}.navbar-nav a:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);box-shadow:0 8px 25px rgba(59,130,246,.2)}.navbar-nav a:hover::before{opacity:1}.navbar-nav a.active{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3);color:#e0e7ff}.navbar-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:var(--liquid-glass-transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar-toggle:hover{background:rgba(255,255,255,.15);transform:scale(1.05)}.navbar-toggle span{width:20px;height:2px;background:var(--color-white);margin:2px 0;transition:var(--liquid-glass-transition);border-radius:1px}.navbar-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar:hover{backdrop-filter:blur(var(--liquid-glass-hover-blur)) saturate(200%) brightness(115%);-webkit-backdrop-filter:blur(var(--liquid-glass-hover-blur)) saturate(200%) brightness(115%);transform:translateY(0) scale(var(--liquid-glass-hover-scale));box-shadow:var(--liquid-glass-inner-shadow),0 12px 40px -8px var(--liquid-glass-shadow-color)}.navbar:hover::before{opacity:1}.navbar.scrolled{backdrop-filter:blur(25px) saturate(200%) brightness(120%);-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(120%);background:rgba(var(--liquid-glass-tint-rgb),.25);border-bottom-color:rgba(255,255,255,.3);box-shadow:var(--liquid-glass-inner-shadow),0 12px 40px -8px rgba(59,130,246,.4)}@media (max-width:768px){.navbar{height:70px}.navbar-container{padding:0 1rem}.navbar-nav{position:fixed;top:70px;left:0;right:0;background:rgba(15,23,42,.95);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-top:1px solid rgba(255,255,255,.1);flex-direction:column;padding:2rem 0;gap:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--liquid-glass-transition)}.navbar-nav.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-nav a{width:90%;text-align:center;padding:1rem;margin:0 auto}.navbar-toggle{display:flex}.navbar-brand{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.navbar,.navbar-brand::before,.navbar-nav a,.navbar::after,.navbar::before{transition:none;animation:none}.navbar:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(15,23,42,.95)}.navbar-nav a{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.1)}}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:120px 0 var(--space-4xl);position:relative;background:linear-gradient(180deg,#3b82f6 0,#60a5fa 50%,#93c5fd 100%);overflow:visible}.pixel-clouds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.8;cursor:crosshair}.hero__content{text-align:center;position:relative;z-index:1;max-width:1000px;margin:0 auto}.hero__badges{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-3xl);opacity:1;animation:fadeInBadges .6s ease-out .3s both}@keyframes fadeInBadges{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero__title{font-size:clamp(2.5rem, 8vw, 6rem);margin-bottom:var(--space-xl);line-height:1.1;color:var(--color-white);font-weight:900;letter-spacing:-.03em;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:.2em}.title-line-1{font-size:.4em;font-weight:600;opacity:.9;letter-spacing:.1em;text-transform:uppercase;position:relative;animation:slideInFromTop 1s ease-out .2s both}.title-line-2{display:flex;align-items:baseline;gap:.1em;position:relative;animation:slideInFromBottom 1s ease-out .4s both}.highlight-gradient{color:#fff;position:relative;display:inline-block;transition:all .3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;text-shadow:0 0 20px rgba(255,255,255,.3)}.highlight-gradient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;filter:blur(8px);opacity:0;transition:opacity .3s ease;z-index:-1}.highlight-gradient:hover{transform:scale(1.05);text-shadow:0 0 30px rgba(255,255,255,.8)}.highlight-gradient:hover::before{opacity:.3}.title-year{font-size:.6em;font-weight:700;color:#93c5fd;margin-left:.1em;position:relative}.title-year::before{content:'';position:absolute;top:50%;left:-.2em;width:2px;height:.8em;background:linear-gradient(to bottom,transparent,#60a5fa,transparent);transform:translateY(-50%)}.title-line-3{font-size:.25em;font-weight:500;opacity:.8;letter-spacing:.15em;text-transform:uppercase;color:#bfdbfe;position:relative;animation:slideInFromBottom 1s ease-out .6s both}.title-line-3::after,.title-line-3::before{content:'';position:absolute;top:50%;width:20px;height:1px;background:linear-gradient(90deg,transparent,#60a5fa,transparent)}.title-line-3::before{left:-30px}.title-line-3::after{right:-30px}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__subtitle{font-size:clamp(1rem, 2.5vw, 1.25rem);line-height:1.6;color:rgba(255,255,255,.9);margin-bottom:var(--space-xl);text-align:center;max-width:800px;margin-left:auto;margin-right:auto;position:relative}.subtitle-main{display:block;font-weight:600;margin-bottom:.5em;position:relative;animation:fadeInUp 1s ease-out .8s both}.subtitle-details{display:block;font-size:.9em;opacity:.8;font-weight:400;position:relative;animation:fadeInUp 1s ease-out 1s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{padding:80px 0 var(--space-3xl);min-height:70vh}.hero__title{font-size:clamp(2rem, 10vw, 4rem);gap:.1em}.title-line-3::after,.title-line-3::before{display:none}.hero__subtitle{font-size:clamp(.9rem, 3vw, 1.1rem)}.trust-bar__stats{gap:var(--space-md)}.stat__number{font-size:var(--font-size-4xl)}}.hero__content{position:relative;z-index:10;will-change:auto}.hero__subtitle,.hero__title{position:relative;will-change:auto;backface-visibility:hidden;transform:translateZ(0);opacity:1}.hero__subtitle{font-size:var(--font-size-xl);color:rgba(255,255,255,.95);max-width:700px;margin:0 auto var(--space-3xl);line-height:1.8;font-weight:400}.hero__video-container{width:100%;max-width:800px;height:400px;margin:var(--space-2xl) auto;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.hero__video-container:hover{transform:translateY(-2px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.hero__video{width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .3s ease}.hero__video-container:hover .hero__video{filter:brightness(1.05)}.hero__video-fallback{width:100%;height:100%;background:linear-gradient(135deg,rgba(37,99,235,.1) 0,rgba(219,234,254,.3) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero__video-fallback::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.fallback-text{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);z-index:1}.hero__video-sound-indicator{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:20px;font-size:var(--font-size-xs);display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(10px)}.hero__video-container:hover .hero__video-sound-indicator{opacity:1}.sound-icon{font-size:14px}.sound-text{font-family:var(--font-mono);white-space:nowrap}.hero__video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(37,99,235,.95) 0,rgba(59,130,246,.95) 100%);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(37,99,235,.3);display:flex;align-items:center;gap:12px;border:2px solid rgba(255,255,255,.2);min-width:180px;justify-content:center}.hero__video-play-button:hover{background:linear-gradient(135deg,#2563eb 0,#3b82f6 100%);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 12px 40px rgba(37,99,235,.4);border-color:rgba(255,255,255,.3)}.hero__video-play-button:active{transform:translate(-50%,-50%) scale(1.02)}.play-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .3s ease}.hero__video-play-button:hover .play-icon{transform:scale(1.1)}.play-text{font-family:var(--font-sans);font-weight:600;letter-spacing:.025em}.hero__video-container.playing .hero__video-play-button{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8)}.hero__video-play-button.fallback{background:rgba(37,99,235,.9);padding:12px 24px;border-radius:8px;font-size:var(--font-size-sm);backdrop-filter:blur(10px);min-width:auto}.hero__video-play-button.fallback:hover{background:#2563eb;transform:translate(-50%,-50%) scale(1.05)}@keyframes shimmer{to{left:100%}}@media (max-width:768px){.hero__video-container{max-width:100%;height:250px;margin:var(--space-xl) auto}.hero__video-sound-indicator{top:8px;right:8px;padding:6px 10px;font-size:11px}.sound-text{display:none}}.hero__cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-3xl)}.stat{text-align:center}.stat__number{display:block;font-family:var(--font-heading);font-size:var(--font-size-5xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-xs)}.stat__label{display:block;font-size:var(--font-size-sm);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);font-weight:600}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-base);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover::before{width:300px;height:300px}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-white);box-shadow:var(--shadow-md)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--glow-primary);color:var(--color-white)}.btn--outline{background:rgba(255,255,255,.9);border-color:var(--color-primary);color:var(--color-primary);backdrop-filter:blur(10px)}.btn--outline:hover{background:var(--color-primary);color:var(--color-white);box-shadow:var(--glow-primary)}.badge{display:inline-block;padding:8px 16px;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);font-family:var(--font-mono);box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.badge--primary{background:rgba(255,255,255,.95);color:var(--color-primary);border:2px solid rgba(255,255,255,.3)}.badge--secondary{background:rgba(255,255,255,.9);color:var(--color-primary-dark);border:2px solid rgba(255,255,255,.3)}.badge--accent{background:rgba(255,255,255,.85);color:var(--color-primary);border:2px solid rgba(255,255,255,.3)}.badge--success{background:var(--color-success);color:var(--color-white)}.badge--warning{background:var(--color-warning);color:var(--color-white)}.badge--danger{background:var(--color-danger);color:var(--color-white)}.badge--info{background:var(--color-info);color:var(--color-white)}.badge--premium{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:var(--color-white)}.trust-bar{background:var(--color-white);padding:var(--space-xl) 0;box-shadow:var(--shadow-md)}.trust-bar__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.trust-bar__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xl);max-width:600px;margin:0 auto}.trust-item{display:flex;align-items:center;gap:var(--space-md);justify-content:center;color:var(--color-gray-700);font-weight:500}.trust-item svg{width:24px;height:24px;color:var(--color-primary)}.vpn-ranking{background:linear-gradient(180deg,#f9fafb 0,#fff 100%);padding:var(--space-4xl) 0}.ranking__controls{max-width:900px;margin:0 auto var(--space-3xl)}.search-box{position:relative;margin-bottom:var(--space-lg)}.search-box svg{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-gray-400);pointer-events:none}.search-input{width:100%;padding:18px var(--space-lg) 18px calc(var(--space-lg) * 2.5);font-family:var(--font-body);font-size:var(--font-size-lg);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white);transition:all var(--transition-base);box-shadow:0 4px 12px rgba(0,0,0,.05);font-weight:500}.search-input::placeholder{color:var(--color-gray-400);font-weight:400}.search-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 8px 24px rgba(37,99,235,.15),0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.ranking__filters{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.ranking-filter-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:2px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-body);font-size:var(--font-size-base)}.ranking-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ranking-filter-btn.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-color:var(--color-primary);color:var(--color-white);box-shadow:var(--glow-primary)}.ranking-filter-btn svg{width:18px;height:18px}.ranking__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1400px;margin:0 auto;padding:20px;align-items:start}@media (max-width:1024px){.ranking__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}@media (max-width:768px){.ranking__grid{grid-template-columns:1fr;gap:var(--space-lg)}.ranking-card{min-height:auto}.ranking-card__spider-chart{height:150px}.spider-canvas{max-width:140px;max-height:140px}.ranking-card__tags{padding:8px;gap:4px}.tag-chip{font-size:.6rem;padding:3px 8px}.ranking-card{padding:var(--space-lg);border-radius:20px}.category-chip{padding:8px 12px;min-height:44px;font-size:.9rem}.rating-header{padding:16px;min-height:48px;font-size:1rem}.ranking-card__title{font-size:1.5rem;margin-bottom:var(--space-md)}.ranking-card__tagline{font-size:.95rem;margin-bottom:var(--space-lg)}.category-chip:active,.rating-header:active{transform:scale(.98);transition:transform .1s ease}.ranking-card__category-chips{gap:8px;margin:12px 0}.ranking-card__pros-cons{margin-top:var(--space-lg)}}.ranking-card{background:var(--color-white);border-radius:20px;overflow:hidden;position:relative;transition:all .3s ease;border:1px solid rgba(37,99,235,.1);box-shadow:0 2px 8px rgba(0,0,0,.06);height:auto;min-height:1000px;display:flex;flex-direction:column}.ranking-card__content{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden}.ranking-card.loading{pointer-events:none}.ranking-card.loading .category-chip,.ranking-card.loading .ranking-card__tagline,.ranking-card.loading .ranking-card__title,.ranking-card.loading .rating-bar{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;color:transparent}.ranking-card.loading .vpn-logo{filter:grayscale(100%) brightness(.8);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.ranking-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.08) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(96,165,250,.06) 0,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.ranking-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 25px rgba(37,99,235,.12),0 4px 12px rgba(0,0,0,.08);border-color:rgba(37,99,235,.3)}.ranking-card:hover::before{opacity:1}.ranking-card__header{padding:20px 24px 16px;background:linear-gradient(135deg,rgba(255,255,255,.9) 0,rgba(249,250,251,.8) 100%);backdrop-filter:blur(10px);border-bottom:1px solid rgba(37,99,235,.1);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-shrink:0;position:relative;z-index:1;min-height:70px}.ranking-rank{display:flex;align-items:center;justify-content:center;width:56px;height:32px;font-size:.875rem;font-weight:700;font-family:var(--font-mono);border-radius:20px;background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:0 2px 8px rgba(37,99,235,.15);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;letter-spacing:.05em;text-transform:uppercase}.ranking-rank::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .5s ease}.ranking-card:hover .ranking-rank{transform:translateY(-2px);box-shadow:0 4px 16px rgba(37,99,235,.25);background:var(--color-primary);color:var(--color-white)}.ranking-card:hover .ranking-rank::before{left:100%}.ranking-rank.premium{border-color:#f59e0b;color:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.15)}.ranking-card:hover .ranking-rank.premium{background:#f59e0b;color:var(--color-white);box-shadow:0 4px 16px rgba(245,158,11,.25)}.ranking-score{font-size:2rem;font-weight:800;font-family:var(--font-heading);color:var(--color-primary);line-height:1;text-shadow:0 2px 8px rgba(37,99,235,.15);transition:all .3s ease;display:flex;align-items:center;min-height:32px}.ranking-card:hover .ranking-score{transform:scale(1.05);text-shadow:0 4px 12px rgba(37,99,235,.25)}.ranking-card__content{padding:16px;flex:1;display:flex;flex-direction:column;position:relative;z-index:1;background:rgba(255,255,255,.6);backdrop-filter:blur(5px)}.ranking-card__logo-placeholder{width:100px;height:100px;margin:0 auto 16px;border-radius:40px;background:linear-gradient(135deg,rgba(255,255,255,.95) 0,rgba(248,250,252,.9) 50%,rgba(241,245,249,.95) 100%);border:3px solid rgba(37,99,235,.2);box-shadow:0 12px 32px rgba(37,99,235,.15),0 6px 16px rgba(0,0,0,.1),inset 0 2px 0 rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;min-height:100px;min-width:100px}.ranking-card__logo-placeholder::after{content:'';display:block;width:100%;height:100%;background:0 0;position:absolute;top:0;left:0;z-index:-1}.ranking-card__logo-placeholder::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);opacity:0;transition:opacity .4s ease}.ranking-card:hover .ranking-card__logo-placeholder{transform:scale(1.05) rotate(1deg);box-shadow:0 16px 32px rgba(37,99,235,.2),0 8px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.9);border-color:var(--color-primary);background:linear-gradient(135deg,#fff 0,rgba(248,250,252,.95) 50%,#f1f5f9 100%)}.ranking-card:hover .ranking-card__logo-placeholder::before{opacity:1}.vpn-logo{width:100%;height:100%;object-fit:contain;object-position:center;transition:all .4s cubic-bezier(.4, 0, .2, 1);filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .12)) drop-shadow(0 6px 12px rgba(37, 99, 235, .1));padding:8px;max-width:100%;max-height:100%;display:block;background:0 0}.vpn-logo:not([src]),.vpn-logo[src*=undefined],.vpn-logo[src=""]{background:linear-gradient(135deg,rgba(37,99,235,.1) 0,rgba(59,130,246,.15) 50%,rgba(96,165,250,.1) 100%);border:2px dashed rgba(37,99,235,.3);position:relative}.vpn-logo:not([src])::after,.vpn-logo[src*=undefined]::after,.vpn-logo[src=""]::after{content:'VPN';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-weight:700;font-size:14px;color:rgba(37,99,235,.6);text-transform:uppercase;letter-spacing:1px}.ranking-card:hover .vpn-logo{transform:scale(1.08);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .15)) drop-shadow(0 8px 16px rgba(37, 99, 235, .15))}.ranking-card__title{font-size:1.75rem;text-align:center;margin-bottom:var(--space-sm);color:var(--color-gray-900);font-weight:700;letter-spacing:-.01em;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative}.ranking-card:hover .ranking-card__title{transform:translateY(-2px);color:var(--color-primary);text-shadow:0 2px 8px rgba(37,99,235,.15)}.ranking-card__tagline{text-align:center;color:var(--color-gray-600);margin-bottom:var(--space-xl);font-size:var(--font-size-base);line-height:1.6;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500}.ranking-card:hover .ranking-card__tagline{color:var(--color-gray-700);transform:translateY(-1px)}.ranking-card__category-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;padding:8px;background:rgba(248,250,252,.5);border-radius:10px;border:1px solid rgba(37,99,235,.05)}.category-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:#fff;border:1px solid rgba(37,99,235,.08);border-radius:8px;font-size:.7rem;text-align:center;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.category-chip::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.08),transparent);transition:left .5s ease}.category-chip:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(37,99,235,.15);border-color:var(--color-primary);background:linear-gradient(135deg,rgba(37,99,235,.05),rgba(59,130,246,.08))}.category-chip:hover::before{left:100%}.category-chip i{width:14px;height:14px;color:var(--color-primary);margin-bottom:2px}.category-chip span:first-of-type{font-size:.7rem;font-weight:600;color:var(--color-gray-700);line-height:1.2;margin-bottom:2px}.chip-score{font-size:.75rem;font-weight:700;color:var(--color-primary);background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(59,130,246,.1));padding:2px 6px;border-radius:6px;border:1px solid rgba(37,99,235,.15);margin-top:2px}.ranking-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;padding:12px;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.8));border-radius:10px;border:1px solid rgba(37,99,235,.05)}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid rgba(37,99,235,.1);border-radius:20px;font-size:.65rem;font-weight:500;color:var(--color-gray-600);transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.04)}.tag-chip:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(37,99,235,.15);border-color:var(--color-primary);color:var(--color-primary)}.tag-chip.premium{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.1));border-color:rgba(251,191,36,.3);color:#d97706}.tag-chip.free{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,185,129,.1));border-color:rgba(34,197,94,.3);color:#059669}.ranking-card__spider-chart{position:relative;width:100%;height:200px;margin:12px 0;background:linear-gradient(135deg,rgba(248,250,252,.9) 0,rgba(241,245,249,.7) 100%);border-radius:12px;border:1px solid rgba(37,99,235,.15);padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center}.spider-canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.ranking-card__spider-chart::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,transparent 30%,rgba(37,99,235,.03) 70%);animation:rotate 30s linear infinite;pointer-events:none}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.spider-canvas{width:100%;height:100%;max-width:200px;max-height:200px;z-index:1;position:relative}.ranking-card__pros-cons{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px;padding:16px;background:linear-gradient(135deg,#f8fafc 0,#fff 50%,#f1f5f9 100%);border-radius:20px;border:1px solid rgba(37,99,235,.1);box-shadow:0 4px 12px rgba(0,0,0,.05);position:relative;overflow:hidden}.ranking-card__pros-cons::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-success) 0,var(--color-primary) 50%,var(--color-danger) 100%);border-radius:20px 20px 0 0}@media (min-width:640px){.ranking-card__pros-cons{grid-template-columns:1fr 1fr;gap:24px}}.ranking-card__links{margin-top:8px;padding:16px;background:linear-gradient(135deg,rgba(37,99,235,.05) 0,rgba(59,130,246,.08) 100%);border-radius:16px;border:1px solid rgba(37,99,235,.1);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.ranking-card__links h4{margin:0 0 12px 0;font-size:1rem;font-weight:600;color:var(--color-gray-800);text-align:center}.official-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.official-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-white);border:1px solid rgba(37,99,235,.2);border-radius:12px;color:var(--color-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;overflow:hidden}.official-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .5s ease}.official-link:hover{transform:translateY(-2px);background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 6px 20px rgba(37,99,235,.25)}.official-link:hover::before{left:100%}.official-link i{font-size:1rem;transition:transform .3s ease}.official-link:hover i{transform:scale(1.1)}.ranking-card:hover .ranking-card__links{border-color:rgba(37,99,235,.2);background:linear-gradient(135deg,rgba(37,99,235,.08) 0,rgba(59,130,246,.12) 100%)}.cons,.pros{font-size:14px;line-height:1.7;position:relative}.pros strong{color:var(--color-success);display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;padding:12px 16px;background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(16,185,129,.05) 100%);border-radius:12px;border-left:4px solid var(--color-success);position:relative}.pros strong::before{content:'✓';font-size:18px;font-weight:700;color:var(--color-success);background:rgba(16,185,129,.1);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cons strong{color:var(--color-danger);display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;padding:12px 16px;background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(239,68,68,.05) 100%);border-radius:12px;border-left:4px solid var(--color-danger);position:relative}.cons strong::before{content:'⚠';font-size:18px;font-weight:700;color:var(--color-danger);background:rgba(239,68,68,.1);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cons ul,.pros ul{margin:0;padding:0;list-style:none}.cons li,.pros li{position:relative;padding:10px 0 10px 32px;margin-bottom:8px;font-size:14px;line-height:1.6;color:var(--color-gray-700);border-radius:8px;transition:all .2s ease}.cons li:hover,.pros li:hover{background:rgba(37,99,235,.03);padding-left:36px}.pros li::before{content:'•';position:absolute;left:12px;top:10px;color:var(--color-success);font-size:18px;font-weight:700}.cons li::before{content:'•';position:absolute;left:12px;top:10px;color:var(--color-danger);font-size:18px;font-weight:700}.cons li:last-child,.pros li:last-child{margin-bottom:0}.cons li,.pros li{margin-bottom:var(--space-md);padding-left:var(--space-lg);position:relative;color:var(--color-gray-700);line-height:1.6;font-weight:500}.pros li::before{content:'✓';position:absolute;left:0;color:var(--color-success);font-weight:700;font-size:16px}.cons li::before{content:'✗';position:absolute;left:0;color:var(--color-danger);font-weight:700;font-size:16px}.ranking-card__tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.tag{display:inline-block;padding:6px 12px;font-size:.6875rem;font-weight:600;border-radius:var(--radius-md);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px rgba(0,0,0,.08)}.tag--success{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:var(--color-white)}.tag--info{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%);color:var(--color-white)}.tag--primary{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%);color:var(--color-white)}.tag--warning{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:var(--color-white)}.tag--danger{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:var(--color-white)}.comparison{background:linear-gradient(180deg,#f9fafb 0,#fff 100%);position:relative;overflow:hidden}.comparison::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.06) 0,transparent 50%);pointer-events:none;z-index:0}.comparison .container{position:relative;z-index:1}.comparison__filters{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-2xl);flex-wrap:wrap}.filter-btn{padding:12px 24px;border:2px solid rgba(37,99,235,.2);background:rgba(255,255,255,.9);color:var(--color-gray-700);border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .6s ease}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,99,235,.15)}.filter-btn:hover::before{left:100%}.filter-btn.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 8px 25px rgba(37,99,235,.3)}.comparison__table-wrapper{overflow-x:auto;margin-bottom:var(--space-2xl);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2)}.comparison__table{width:100%;border-collapse:collapse;background:0 0;font-size:var(--font-size-sm)}.comparison__table thead{background:linear-gradient(135deg,rgba(37,99,235,.95) 0,rgba(30,64,175,.95) 100%);color:var(--color-white);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.comparison__table thead::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.05) 100%);pointer-events:none}.comparison__table th{padding:20px 24px;text-align:left;font-family:var(--font-heading);font-weight:700;white-space:nowrap;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid rgba(255,255,255,.2);position:relative;background:0 0}.comparison__table td{padding:20px 24px;border-bottom:1px solid rgba(37,99,235,.1);vertical-align:middle;background:rgba(255,255,255,.5);transition:all .3s ease}.vpn-row{transition:all .4s cubic-bezier(.4, 0, .2, 1);background:rgba(255,255,255,.6);position:relative;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.vpn-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-light) 100%);transform:scaleY(0);transition:transform .4s cubic-bezier(.4, 0, .2, 1);transform-origin:center}.vpn-row::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(37,99,235,.05) 0,rgba(59,130,246,.02) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.vpn-row:hover{background:rgba(255,255,255,.9);box-shadow:0 8px 32px rgba(37,99,235,.15);transform:translateY(-2px)}.vpn-row:hover::before{transform:scaleY(1)}.vpn-row:hover::after{opacity:1}.vpn-row:nth-child(2n){background:rgba(248,250,252,.7)}.vpn-row:nth-child(2n):hover{background:rgba(255,255,255,.9)}.vpn-row--highlight{background:linear-gradient(135deg,rgba(251,191,36,.08) 0,rgba(245,158,11,.05) 100%);border-left:3px solid var(--color-warning)}.vpn-row--highlight::before{background:linear-gradient(180deg,var(--color-warning) 0,#f59e0b 100%)}.vpn-name{display:flex;align-items:center;gap:var(--space-lg);font-weight:600;color:var(--color-gray-900);min-width:220px}.vpn-logo-container{position:relative;width:50px;height:50px;flex-shrink:0}.vpn-logo{width:100%;height:100%;object-fit:contain;border-radius:20px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.vpn-logo:hover{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.15)}.vpn-logo-placeholder{width:50px;height:50px;border-radius:20px;background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem;box-shadow:0 4px 12px rgba(37,99,235,.3);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.vpn-name-content{display:flex;flex-direction:column;gap:4px}.vpn-name strong{font-size:1rem;transition:color .3s ease}.vpn-row:hover .vpn-name strong{color:var(--color-primary)}.vpn-link{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-gray-500);text-decoration:none;transition:all .3s ease;opacity:.8}.vpn-link:hover{color:var(--color-primary);opacity:1;transform:translateX(2px)}.vpn-link i{width:12px;height:12px}.speed-indicator{display:inline-flex;gap:3px;align-items:center}.speed-indicator i{width:16px;height:16px;transition:all .3s ease}.speed-1{color:#ef4444}.speed-2{color:#f97316}.speed-3{color:#fbbf24}.speed-4{color:#84cc16}.speed-5{color:#10b981}.vpn-row:hover .speed-indicator i{transform:scale(1.1)}.data-limit{font-weight:600;display:inline-flex;align-items:center;gap:6px;color:var(--color-gray-700);padding:4px 8px;background:rgba(255,255,255,.8);border-radius:6px;border:1px solid rgba(37,99,235,.1)}.data-unlimited{color:var(--color-success);font-weight:700;padding:4px 8px;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-radius:6px;border:1px solid rgba(16,185,129,.2)}.platform-icons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.platform-icons i{width:20px;height:20px;color:var(--color-gray-600);transition:all .3s ease;padding:4px;border-radius:4px;background:rgba(255,255,255,.8)}.vpn-row:hover .platform-icons i{color:var(--color-primary);background:rgba(37,99,235,.1);transform:scale(1.1)}.no-logs-cell{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.8);border:1px solid rgba(37,99,235,.1);transition:all .3s ease}.vpn-row:hover .no-logs-cell{background:rgba(255,255,255,.95);transform:translateY(-1px)}.server-count{font-weight:600;color:var(--color-gray-700);white-space:nowrap;padding:4px 8px;background:rgba(255,255,255,.8);border-radius:6px;border:1px solid rgba(37,99,235,.1);transition:all .3s ease}.vpn-row:hover .server-count{color:var(--color-primary);background:rgba(37,99,235,.1);transform:translateY(-1px)}.rating{color:var(--color-primary);font-family:var(--font-mono);font-weight:700;font-size:1.05rem;display:inline-flex;align-items:center;gap:4px;padding:10px 16px;background:linear-gradient(135deg,rgba(37,99,235,.12) 0,rgba(37,99,235,.06) 100%);border-radius:12px;border:1px solid rgba(37,99,235,.25);transition:all .3s ease;position:relative;overflow:hidden}.rating::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .6s ease}.vpn-row:hover .rating{transform:scale(1.05);box-shadow:0 4px 16px rgba(37,99,235,.2);background:linear-gradient(135deg,rgba(37,99,235,.15) 0,rgba(37,99,235,.08) 100%)}.vpn-row:hover .rating::before{left:100%}.badge--success{background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);color:var(--color-white)}.badge--premium{background:linear-gradient(135deg,var(--color-warning) 0,#d97706 100%);color:var(--color-white)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}@media (max-width:768px){.comparison__table{font-size:.8rem}.comparison__table td,.comparison__table th{padding:12px 16px}.vpn-name{min-width:180px}.vpn-logo-container{width:40px;height:40px}.vpn-logo-placeholder{width:40px;height:40px;font-size:1rem}.platform-icons{gap:4px}.platform-icons i{width:16px;height:16px}.rating{padding:8px 12px;font-size:.9rem}}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.comparison__note{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-accent);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.comparison__note svg{flex-shrink:0;color:var(--color-primary)}.categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.category-card{background:var(--color-white);padding:var(--space-xl);border-radius:var(--radius-xl);transition:all var(--transition-slow);position:relative;overflow:hidden;opacity:1!important;visibility:visible!important}.category-card::before{content:'';position:absolute;inset:0;padding:2px;border-radius:var(--radius-xl);background:linear-gradient(135deg,transparent 0,var(--color-primary) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.category-card:hover::before{opacity:1}.category-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-2xl),var(--glow-primary)}.category-card__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--color-gray-900);font-weight:700;line-height:1.3;opacity:1!important}.category-card__description{color:var(--color-gray-600);margin-bottom:var(--space-lg);line-height:1.7;opacity:1!important}.category-card__features{list-style:none}.category-card__features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-gray-700)}.category-card__features svg{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.faq{background:var(--color-gray-50)}.faq .section__header{margin-bottom:var(--space-xl)}.faq__item,.faq__question,.faq__question span{opacity:1!important;visibility:visible!important}.faq__list{max-width:900px;margin:0 auto}.faq__item{background:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4, 0, .2, 1);border:2px solid rgba(37,99,235,.08);position:relative;opacity:1!important}.faq__item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(37,99,235,.8) 0,rgba(59,130,246,.6) 50%,rgba(96,165,250,.8) 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.faq__item:hover{box-shadow:0 6px 20px -3px rgba(37,99,235,.08),0 2px 4px -1px rgba(37,99,235,.03);transform:translateY(-1px);border-color:rgba(37,99,235,.15)}.faq__item:hover::before{transform:scaleX(1)}.faq__item.active{box-shadow:0 10px 25px -3px rgba(37,99,235,.15),0 4px 6px -2px rgba(37,99,235,.1);border-color:rgba(37,99,235,.3)}.faq__item.active::before{transform:scaleX(1);background:linear-gradient(90deg,#2563eb 0,rgba(59,130,246,.8) 50%,#60a5fa 100%)}.faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,rgba(255,255,255,.9) 0,rgba(249,250,251,.8) 100%);border:none;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;text-align:left;cursor:pointer;color:var(--color-gray-900);transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;opacity:1!important}.faq__question::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(37,99,235,.1) 50%,transparent 100%);transition:left .6s ease}.faq__question:hover{color:var(--color-primary);background:linear-gradient(135deg,rgba(37,99,235,.05) 0,rgba(59,130,246,.05) 100%);transform:translateX(4px)}.faq__question:hover::before{left:100%}.faq__question span{flex:1;margin-right:var(--space-md);transition:all .3s ease}.faq__question:hover span{transform:translateX(2px)}.faq__question svg{flex-shrink:0;transition:all .4s cubic-bezier(.4, 0, .2, 1);color:var(--color-primary);width:20px;height:20px}.faq__question:hover svg{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(37, 99, 235, .3))}.faq__item.active .faq__question{background:linear-gradient(135deg,rgba(37,99,235,.08) 0,rgba(59,130,246,.08) 100%);color:var(--color-primary)}.faq__item.active .faq__question svg{transform:rotate(180deg) scale(1.1);filter:drop-shadow(0 2px 4px rgba(37, 99, 235, .4))}.faq__answer{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4, 0, .2, 1);background:linear-gradient(135deg,rgba(248,250,252,.8) 0,rgba(241,245,249,.6) 100%);position:relative}.faq__answer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(37,99,235,.3) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.faq__item.active .faq__answer{max-height:1000px;background:linear-gradient(135deg,rgba(248,250,252,.9) 0,rgba(241,245,249,.8) 100%)}.faq__item.active .faq__answer::before{opacity:1}.faq__answer>*{padding:0 var(--space-xl) var(--space-xl);opacity:0;transform:translateY(-10px);transition:all .4s cubic-bezier(.4, 0, .2, 1)}.faq__item.active .faq__answer>*{opacity:1;transform:translateY(0)}.faq__item.active .faq__answer>:first-child{transition-delay:0.1s}.faq__item.active .faq__answer>:nth-child(2){transition-delay:0.2s}.faq__item.active .faq__answer>:nth-child(3){transition-delay:0.3s}.faq__item.active .faq__answer>:nth-child(4){transition-delay:0.4s}.faq__answer h4{margin-top:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700;position:relative}.faq__answer h4::before{content:'';position:absolute;left:-var(--space-lg);top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:2px}.faq__answer p{color:var(--color-gray-700);line-height:1.6;margin-bottom:var(--space-md)}.faq__answer p strong{color:var(--color-primary);font-weight:600}.faq__answer ol,.faq__answer ul{padding-left:var(--space-xl);margin-bottom:var(--space-md);position:relative}.faq__answer ol::before,.faq__answer ul::before{content:'';position:absolute;left:var(--space-lg);top:0;bottom:0;width:2px;background:linear-gradient(135deg,rgba(37,99,235,.3) 0,rgba(59,130,246,.2) 100%);border-radius:1px}.faq__answer li{margin-bottom:var(--space-sm);color:var(--color-gray-700);line-height:1.5;position:relative;padding-left:var(--space-sm)}.faq__answer li::before{content:'';position:absolute;left:-var(--space-md);top:.6em;width:6px;height:6px;background:var(--color-primary);border-radius:50%;transform:translateY(-50%)}.faq__answer li strong{color:var(--color-primary);font-weight:600}.videos{background:var(--color-white)}.videos__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.video-card__container{position:relative;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s cubic-bezier(.4, 0, .2, 1),box-shadow .3s cubic-bezier(.4, 0, .2, 1);will-change:transform,box-shadow}.video-card__container:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.video-card__thumbnail{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);cursor:pointer}.thumbnail-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.loader-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.02) contrast(1.08) saturate(1.05);transition:filter .3s cubic-bezier(.4, 0, .2, 1),transform .3s cubic-bezier(.4, 0, .2, 1);will-change:filter,transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.video-card__container:hover .video-thumbnail{filter:brightness(1.05) contrast(1.12) saturate(1.08);transform:scale(1.02)}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.15) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.7) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s cubic-bezier(.4, 0, .2, 1);will-change:opacity}.video-card__container:hover .video-overlay{opacity:1}.play-button{width:72px;height:72px;background:linear-gradient(135deg,red 0,#c00 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-md);box-shadow:0 8px 32px rgba(255,0,0,.4);transition:all .3s cubic-bezier(.4, 0, .2, 1);will-change:transform,box-shadow}.video-card__container:hover .play-button{transform:scale(1.1);box-shadow:0 12px 40px rgba(255,0,0,.5)}.play-button svg{width:28px;height:28px;margin-left:3px}.video-info{text-align:center;color:#fff;padding:0 var(--space-md)}.video-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs);text-shadow:0 2px 8px rgba(0,0,0,.8);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:.85rem;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.8);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:rgba(255,255,255,.9);color:#333;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.video-card__embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-card__embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;filter:contrast(1.02) brightness(1.01)}.video-close-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:10;background:rgba(0,0,0,.8);border:none;border-radius:50%;width:36px;height:36px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);will-change:background-color,transform}.video-close-btn:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.video-card.video-loading{pointer-events:none}.video-card.video-loading .video-thumbnail{filter:brightness(.8) contrast(.9)}@media (max-width:768px){.videos__grid{grid-template-columns:1fr;gap:var(--space-lg)}.video-title{font-size:.95rem}.video-description{font-size:.8rem}.play-button{width:60px;height:60px}.play-button svg{width:24px;height:24px}.video-badge{font-size:.7rem;padding:3px 6px}}@media (max-width:480px){.videos__grid{gap:var(--space-md)}.video-card__container:hover{transform:translateY(-4px)}}.vpn-humor{max-width:800px;margin:0 auto;padding:var(--space-2xl);background:linear-gradient(135deg,rgba(37,99,235,.1) 0,rgba(219,234,254,.3) 100%);border-radius:var(--radius-xl);border:2px solid var(--color-primary);text-align:center}.vpn-humor__content h3{display:flex;align-items:center;gap:var(--space-md);justify-content:center;font-size:var(--font-size-3xl);margin-bottom:var(--space-lg)}.vpn-humor__content h3 svg{color:var(--color-warning)}.vpn-humor__content p{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-gray-700)}.vpn-humor__badges{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-top:var(--space-xl)}.community{background:var(--color-gray-50)}.tweets__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1200px;margin:0 auto}@media (max-width:1024px){.tweets__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tweets__grid{grid-template-columns:1fr}}.tweet-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;padding:var(--space-lg);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;height:fit-content;min-height:200px}.tweet-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#1da1f2}.tweet-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);position:relative}.tweet-card__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1da1f2,#0d8bd9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.tweet-card__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.tweet-card__info{flex:1;min-width:0}.tweet-card__name{font-weight:600;color:#14171a;font-size:15px;line-height:1.2}.tweet-card__username{color:#657786;font-size:14px;line-height:1.2}.tweet-card__link{color:#657786;transition:color .2s ease;flex-shrink:0}.tweet-card__link:hover{color:#1da1f2}.tweet-card__content{margin-bottom:var(--space-md)}.tweet-card__content p{color:#14171a;font-size:15px;line-height:1.5;margin:0;word-wrap:break-word}.tweet-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);border-top:1px solid #e1e8ed}.tweet-card__date{color:#657786;font-size:13px}.news{background:#fafbfc;padding:4rem 0}.news__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:.5rem}.news-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb;transition:all .3s ease;opacity:1!important;visibility:visible!important}.news-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#3b82f6}.news-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#3b82f6;border-radius:12px;margin-bottom:1.5rem;transition:all .3s ease;opacity:1!important;visibility:visible!important}.news-card:hover .news-card__icon{background:#2563eb;transform:scale(1.05)}.news-card__icon svg{width:24px;height:24px;color:#fff}.news-card__title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#111827;line-height:1.5;opacity:1!important;visibility:visible!important}.news-card:hover .news-card__title{color:#3b82f6}.news-card__excerpt{color:#6b7280;margin-bottom:1.5rem;line-height:1.6;font-size:.95rem;opacity:1!important;visibility:visible!important}.news-card__link{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;font-weight:500;font-size:.9rem;padding:.75rem 1.25rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;transition:all .3s ease;text-decoration:none}.news-card__link:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-1px)}.news-card__link svg{width:16px;height:16px;transition:transform .3s ease}.news-card__link:hover svg{transform:translateX(2px)}@media (max-width:768px){.news__grid{grid-template-columns:1fr;gap:1.5rem}.news-card{padding:1.5rem}.news-card__icon{width:48px;height:48px;margin-bottom:1.25rem}.news-card__icon svg{width:20px;height:20px}.news-card__title{font-size:1rem}.news-card__excerpt{font-size:.9rem}.news-card__link{padding:.625rem 1rem;font-size:.875rem}}.footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--space-4xl) 0 var(--space-xl)}.footer__content{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}@media (min-width:768px){.footer__content{grid-template-columns:1.5fr 1fr}}.footer__brand{max-width:400px}.footer__logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.footer__logo .logo-text{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-xl);color:var(--color-white)}.footer__tagline{color:var(--color-gray-400);margin-bottom:var(--space-xl);line-height:1.7}.footer__social{display:flex;gap:var(--space-md)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-800);border-radius:var(--radius-md);color:var(--color-gray-300);transition:all var(--transition-base)}.social-link:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.footer__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xl)}.footer__column h4{color:var(--color-white);font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.footer__column ul{list-style:none}.footer__column li{margin-bottom:var(--space-sm)}.footer__column a{color:var(--color-gray-400);transition:color var(--transition-fast)}.footer__column a:hover{color:var(--color-primary)}.footer__bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-gray-800);text-align:center}.footer__copyright{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.footer__disclaimer{color:var(--color-gray-600);font-size:var(--font-size-xs);font-family:var(--font-mono)}@media (max-width:767px){.hero__title{font-size:var(--font-size-4xl)}.section__title{font-size:var(--font-size-3xl)}.comparison__table{font-size:var(--font-size-xs)}.comparison__table td,.comparison__table th{padding:var(--space-sm) var(--space-md)}.ranking__grid{grid-template-columns:1fr}.ranking-card__pros-cons{grid-template-columns:1fr;gap:24px;padding:20px}.ranking-card__header{padding:20px 20px 16px;min-height:70px}.ranking-rank{width:48px;height:28px;font-size:.75rem}.ranking-score{font-size:1.75rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.hidden{display:none}.visible{display:block}.rating-breakdown{margin:8px 0;padding:0;transition:all .3s ease}.rating-header{display:none}.rating-score-display{font-family:var(--font-mono);font-weight:700;font-size:1.2rem;color:var(--color-primary);background:rgba(37,99,235,.1);padding:4px 12px;border-radius:20px}.rating-content{max-height:none;overflow:visible;opacity:1;transition:all .3s cubic-bezier(.4, 0, .2, 1);padding-top:0}.rating-animation-canvas{display:none}.rating-calculation{display:none}.calc-formula{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-gray-700);padding:8px 12px;background:rgba(255,255,255,.9);border-radius:8px;border-left:3px solid var(--color-primary);box-shadow:0 2px 6px rgba(37,99,235,.1);transition:all .3s ease;backdrop-filter:blur(2px)}.calc-label{min-width:120px;font-weight:600;color:var(--color-primary)}.calc-value{font-weight:700;color:var(--color-gray-900)}.calc-weight{color:var(--color-gray-600)}.calc-result{font-weight:700;color:var(--color-primary);margin-left:auto}.rating-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.rating-bar{display:flex;flex-direction:column;gap:4px;padding:6px;background:rgba(255,255,255,.6);border-radius:6px;border:1px solid rgba(37,99,235,.08);transition:all .3s ease;backdrop-filter:blur(2px)}.bar-header{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--color-gray-700)}.bar-header i{width:12px;height:12px;color:var(--color-primary)}.bar-value{margin-left:auto;font-family:var(--font-mono);color:var(--color-primary);font-size:.75rem}.bar-track{height:4px;background:var(--color-gray-100);border-radius:2px;overflow:hidden;position:relative}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:2px;transition:width .6s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.bar-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.rating-chart-container{display:none}.rating-chart{max-width:280px;margin:0 auto;height:180px;border-radius:8px;background:rgba(255,255,255,.9);padding:8px;box-shadow:0 2px 8px rgba(37,99,235,.1)}.rating-details{display:block;margin-top:12px}.rating-details .rating-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rating-bar:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.15);border-color:var(--color-primary)}.calc-formula:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(37,99,235,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.rating-chart-container:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(37,99,235,.12)}.rating-animation-canvas:hover{box-shadow:inset 0 2px 8px rgba(0,0,0,.4),0 8px 24px rgba(37,99,235,.2)}@media (max-width:1024px){.ranking__grid{grid-template-columns:1fr;gap:var(--space-lg)}.rating-bars{grid-template-columns:1fr}.rating-details .rating-bars{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rating-calculation{padding:16px;font-size:.8rem}.calc-formula{flex-wrap:wrap;gap:8px}.calc-label{min-width:100px}.rating-chart-container{padding:16px}.rating-chart{height:200px}.rating-details .rating-bars{grid-template-columns:1fr}.ranking-card__category-chips{grid-template-columns:repeat(2,1fr);gap:8px;padding:16px;margin:16px 0}.category-chip{padding:10px 6px;font-size:.7rem}.category-chip i{width:14px;height:14px}.category-chip span:first-of-type{font-size:.65rem}.chip-score{font-size:.7rem;padding:1px 4px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.advantages{padding:6rem 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.advantages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.advantage-card{background:var(--color-white);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.4, 0, .2, 1);border:1px solid var(--color-gray-200);position:relative}.advantage-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(37,99,235,.15);border-color:var(--color-primary-light)}.advantage-card__image{position:relative;height:280px;overflow:hidden}.category-card__banner{position:relative;height:200px;overflow:hidden;border-radius:16px 16px 0 0;margin:-24px -24px 24px -24px;width:calc(100% + 48px)}.category-card__banner img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;opacity:1!important;border-radius:16px 16px 0 0}.category-card:hover .category-card__banner img{transform:scale(1.05)}.category-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(37,99,235,.15),0 0 0 1px rgba(37,99,235,.1)}.category-card:hover .category-card__title{color:var(--color-primary)}.advantage-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.advantage-card:hover .advantage-card__image img{transform:scale(1.05)}.advantage-card__content{padding:2rem;position:relative}.advantage-card__icon{position:absolute;top:-1.5rem;right:2rem;width:3rem;height:3rem;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(37,99,235,.3)}.advantage-card__icon i{color:var(--color-white)!important;font-size:1.25rem}.advantage-card__icon svg{color:var(--color-white)!important;fill:var(--color-white)!important;stroke:var(--color-white)!important}.advantage-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:1rem;font-family:var(--font-heading);line-height:1.3}.advantage-card__description{color:var(--color-gray-600);line-height:1.6;margin-bottom:1.5rem;font-size:var(--font-size-base)}.advantage-card__benefits{list-style:none;padding:0;margin:0}.advantage-card__benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--color-gray-700);font-size:var(--font-size-sm)}.advantage-card__benefits i{color:var(--color-success);font-size:1rem;flex-shrink:0}.advantage-card__benefits svg{color:var(--color-success)!important;fill:var(--color-success)!important;stroke:var(--color-success)!important}@media (max-width:768px){.advantages__grid{grid-template-columns:1fr;gap:1.5rem}.advantage-card__content{padding:1.5rem}.advantage-card__image{height:220px}.advantage-card__icon{top:-1rem;right:1.5rem;width:2.5rem;height:2.5rem}.advantage-card__title{font-size:var(--font-size-lg)}}@media (max-width:480px){.advantages{padding:4rem 0}.advantage-card__content{padding:1.25rem}.advantage-card__image{height:200px}}