:root{--primary:#0D1B2A;--primary-light:#1B3A5C;--secondary:#00D4AA;--secondary-hover:#00B894;--secondary-light:#4DE8CC;--accent:#6C63FF;--accent-hover:#5A52D5;--danger:#FF6B6B;--warning:#FFD93D;--success:#6BCB77;--bg:#F8F9FC;--bg-card:#FFFFFF;--bg-dark:#0A0E1A;--text:#1A1A2E;--text-secondary:#6B7280;--text-light:#9CA3AF;--border:#E5E7EB;--shadow:0 4px 24px rgba(0,0,0,0.06);--shadow-lg:0 8px 48px rgba(0,0,0,0.10);--radius:16px;--radius-sm:8px;--radius-lg:24px;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display:'Inter',sans-serif;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--max-width:1200px;}[data-theme="dark"]{--bg:#0A0E1A;--bg-card:#141828;--text:#EDEDEE;--text-secondary:#9CA3AF;--border:#1F2937;--shadow:0 4px 24px rgba(0,0,0,0.3);--shadow-lg:0 8px 48px rgba(0,0,0,0.4);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px;}a{color:var(--secondary);text-decoration:none;transition:var(--transition);}a:hover{color:var(--secondary-hover);}img{max-width:100%;height:auto;display:block;}.aff-disclosure{background:#0D1B2A;color:rgba(255,255,255,0.85);font-size:0.78em;text-align:center;padding:8px 20px;line-height:1.5;border-bottom:1px solid rgba(255,255,255,0.08);}.aff-disclosure span{font-weight:700;color:var(--secondary);margin-right:4px;}.aff-disclosure a{color:var(--secondary);text-decoration:underline;font-weight:500;}[data-theme="dark"] .aff-disclosure{background:#050810;}.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition);}[data-theme="dark"] .header{background:rgba(10,14,26,0.85);}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--max-width);margin:0 auto;padding:0 20px;}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3em;color:var(--primary);}[data-theme="dark"] .logo{color:#fff;}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--secondary),var(--accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;}.nav{display:flex;align-items:center;gap:8px;}.nav a{padding:8px 16px;border-radius:var(--radius-sm);font-size:0.9em;font-weight:500;color:var(--text-secondary);transition:var(--transition);}.nav a:hover{background:var(--border);color:var(--text);}.nav a.cta-nav{background:linear-gradient(135deg,var(--secondary),var(--secondary-hover));color:#fff;font-weight:600;}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1em;color:var(--text-secondary);transition:var(--transition);}.theme-toggle:hover{border-color:var(--secondary);color:var(--secondary);}.hamburger{display:none;background:none;border:none;font-size:1.5em;cursor:pointer;color:var(--text);}.hero{position:relative;padding:80px 0 60px;text-align:center;overflow:hidden;}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(0,212,170,0.06)0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(108,99,255,0.06)0%,transparent 50%);z-index:0;pointer-events:none;}.hero-content{position:relative;z-index:1;}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.2);color:var(--secondary);padding:6px 16px;border-radius:50px;font-size:0.85em;font-weight:600;margin-bottom:24px;}.hero h1{font-size:clamp(2.2em,5vw,3.6em);font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-0.02em;}.hero h1 span{background:linear-gradient(135deg,var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero p{font-size:clamp(1em,2vw,1.2em);color:var(--text-secondary);max-width:650px;margin:0 auto 32px;line-height:1.7;}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:40px;}.hero-stat{text-align:center;}.hero-stat-number{font-size:1.5em;font-weight:800;color:var(--text);}.hero-stat-label{font-size:0.85em;color:var(--text-secondary);margin-top:2px;}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-sm);font-weight:600;font-size:0.95em;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;}.btn-primary{background:linear-gradient(135deg,var(--secondary),var(--secondary-hover));color:#fff;box-shadow:0 4px 16px rgba(0,212,170,0.3);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,212,170,0.4);}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 4px 16px rgba(108,99,255,0.3);}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(108,99,255,0.4);}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text);}.btn-outline:hover{border-color:var(--secondary);color:var(--secondary);}.btn-white{background:#fff;color:var(--primary);}.btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(255,255,255,0.3);}.btn-sm{padding:10px 20px;font-size:0.85em;}.btn-lg{padding:18px 40px;font-size:1.05em;}.section{padding:80px 0;}.section-label{display:inline-block;font-size:0.8em;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--secondary);margin-bottom:8px;}.section-title{font-size:clamp(1.8em,3.5vw,2.6em);font-weight:800;margin-bottom:12px;line-height:1.2;letter-spacing:-0.02em;}.section-desc{color:var(--text-secondary);font-size:1.05em;max-width:600px;line-height:1.7;}.section-header{text-align:center;margin-bottom:48px;}.section-header .section-desc{margin:0 auto;}.top-pick{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);padding:48px;color:#fff;position:relative;overflow:hidden;}.top-pick::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,170,0.15)0%,transparent 70%);border-radius:50%;}.top-pick-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,212,170,0.2);border:1px solid rgba(0,212,170,0.3);padding:6px 14px;border-radius:50px;font-size:0.8em;font-weight:600;color:var(--secondary);margin-bottom:20px;}.top-pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}.top-pick-info h3{font-size:2em;font-weight:800;margin-bottom:8px;}.top-pick-rating{display:flex;align-items:center;gap:8px;margin:12px 0;}.stars{color:var(--warning);font-size:1.1em;}.top-pick ul{list-style:none;margin:16px 0;}.top-pick ul li{padding:6px 0;display:flex;align-items:center;gap:8px;font-size:0.95em;color:rgba(255,255,255,0.85);}.top-pick ul li::before{content:'✓';color:var(--secondary);font-weight:700;}.top-pick-price{font-size:0.9em;color:rgba(255,255,255,0.7);margin:16px 0;}.top-pick-price strong{font-size:1.8em;color:#fff;font-weight:800;}.top-pick-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;}.top-pick-logo{width:160px;height:160px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:800;border:2px solid rgba(255,255,255,0.2);text-align:center;line-height:1.3;}.top-pick-brand-logo{margin-top:20px;text-align:center;}.top-pick-brand-logo img{height:32px;width:auto;filter:brightness(0)invert(1);}.top-pick-box{width:220px;height:auto;filter:drop-shadow(0 8px 32px rgba(0,0,0,0.3));transition:transform 0.4s ease;}.top-pick-box:hover{transform:scale(1.05)translateY(-4px);}.score-ring{position:relative;width:140px;height:140px;}.score-ring svg{transform:rotate(-90deg);}.score-ring-bg{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:6;}.score-ring-fill{fill:none;stroke:var(--secondary);stroke-width:6;stroke-linecap:round;stroke-dasharray:377;stroke-dashoffset:calc(377 *(1 - var(--score)/100));}.score-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}.score-ring-text span:first-child{font-size:2.2em;font-weight:800;}.score-ring-text span:last-child{font-size:0.75em;color:rgba(255,255,255,0.6);}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}.cat-card{background:var(--bg-card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);text-decoration:none;color:var(--text);position:relative;}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.cat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3em;margin-bottom:16px;}.cat-card h3{font-size:1.1em;font-weight:700;margin-bottom:6px;}.cat-card p{font-size:0.88em;color:var(--text-secondary);line-height:1.5;}.cat-card .cat-badge{display:inline-block;background:rgba(0,212,170,0.1);color:var(--secondary);font-size:0.75em;font-weight:600;padding:3px 10px;border-radius:50px;margin-top:12px;}.comparison-wrapper{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow);}.comparison-table{width:100%;border-collapse:collapse;font-size:0.9em;}.comparison-table th{padding:20px 16px;text-align:center;background:var(--bg);font-weight:700;font-size:0.85em;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);}.comparison-table th:first-child{text-align:left;padding-left:24px;}.comparison-table th.vpn-header{background:var(--bg-card);padding:16px;border-bottom:2px solid var(--border);}.comparison-table th.vpn-header img{display:block;margin:0 auto 4px;max-width:80px;max-height:24px;}.comparison-table th.vpn-header .vpn-name{font-size:1em;font-weight:800;color:var(--text);text-transform:none;letter-spacing:normal;margin-bottom:4px;}.comparison-table th.vpn-header .vpn-score{font-size:0.8em;color:var(--secondary);font-weight:600;}.comparison-table th.vpn-header.winner{background:rgba(0,212,170,0.05);position:relative;padding-top:32px;}.comparison-table th.vpn-header.winner::before{content:'🏆 Meilleur';position:absolute;top:4px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--secondary),var(--secondary-hover));color:#fff;font-size:0.65em;font-weight:700;padding:2px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap;}.comparison-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:center;}.comparison-table td:first-child{text-align:left;font-weight:600;padding-left:24px;color:var(--text-secondary);font-size:0.85em;}.comparison-table tr:last-child td{border-bottom:none;}.comparison-table .check{color:var(--success);font-weight:700;font-size:1.1em;}.comparison-table .cross{color:var(--danger);font-size:1.1em;}.comparison-table .partial{color:var(--warning);}.comparison-table .price-cell{font-weight:700;color:var(--text);}.comparison-table .price-cell .original{text-decoration:line-through;color:var(--text-light);font-weight:400;font-size:0.85em;margin-right:4px;}.comparison-table .cta-cell{padding:16px;}.comparison-table .cta-cell .btn{width:100%;justify-content:center;font-size:0.82em;padding:10px 16px;}.vpn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;}.vpn-card{background:var(--bg-card);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column;}.vpn-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.vpn-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;}.vpn-card-logo{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1em;color:#fff;flex-shrink:0;}.vpn-card-info{flex:1;}.vpn-card-info h3{font-size:1.15em;font-weight:700;}.vpn-card-info .stars{font-size:0.9em;}.vpn-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}.vpn-card-stat{text-align:center;padding:10px;background:var(--bg);border-radius:var(--radius-sm);}.vpn-card-stat-value{font-weight:700;font-size:1em;}.vpn-card-stat-label{font-size:0.75em;color:var(--text-secondary);margin-top:2px;}.vpn-card .btn{margin-top:auto;justify-content:center;}.vpn-card-badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:0.72em;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px;}.vpn-card-badge.best{background:rgba(0,212,170,0.1);color:var(--secondary);}.vpn-card-badge.value{background:rgba(108,99,255,0.1);color:var(--accent);}.vpn-card-badge.privacy{background:rgba(107,203,119,0.1);color:var(--success);}.vpn-card-badge.speed{background:rgba(255,107,107,0.1);color:var(--danger);}.vpn-card-badge.stream{background:rgba(255,217,61,0.15);color:#B8860B;}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}.guide-card{background:var(--bg-card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);text-decoration:none;color:var(--text);}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.guide-card-icon{font-size:2em;margin-bottom:16px;}.guide-card h3{font-size:1.05em;font-weight:700;margin-bottom:8px;}.guide-card p{font-size:0.88em;color:var(--text-secondary);line-height:1.6;}.guide-card-meta{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:0.8em;color:var(--text-light);}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}.tool-card{background:var(--bg-card);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition);cursor:pointer;}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.tool-card-icon{font-size:2.5em;margin-bottom:12px;}.tool-card h3{font-size:1em;font-weight:700;margin-bottom:6px;}.tool-card p{font-size:0.85em;color:var(--text-secondary);}.faq-list{max-width:800px;margin:0 auto;}.faq-item{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:8px;overflow:hidden;transition:var(--transition);}.faq-item:hover{border-color:var(--secondary);}.faq-question{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;font-size:1em;font-weight:600;color:var(--text);text-align:left;transition:var(--transition);}.faq-question:hover{color:var(--secondary);}.faq-question .faq-icon{font-size:1.2em;transition:var(--transition);color:var(--text-secondary);}.faq-item.active .faq-question .faq-icon{transform:rotate(45deg);color:var(--secondary);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;}.faq-item.active .faq-answer{max-height:500px;}.faq-answer-inner{padding:0 24px 20px;font-size:0.92em;color:var(--text-secondary);line-height:1.7;}.methodology{background:var(--primary);color:#fff;border-radius:var(--radius-lg);padding:48px;}.methodology h3{font-size:1.4em;font-weight:700;margin-bottom:24px;}.methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}.method-item{text-align:center;padding:20px;}.method-icon{font-size:2em;margin-bottom:8px;}.method-item h4{font-size:1em;font-weight:600;margin-bottom:4px;}.method-item p{font-size:0.82em;color:rgba(255,255,255,0.6);}.footer{background:var(--primary);color:#fff;padding:60px 0 30px;margin-top:80px;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}.footer-brand p{color:rgba(255,255,255,0.6);font-size:0.88em;line-height:1.7;margin-top:12px;max-width:300px;}.footer-col h4{font-size:0.9em;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;color:rgba(255,255,255,0.5);}.footer-col a{display:block;color:rgba(255,255,255,0.7);font-size:0.88em;padding:4px 0;transition:var(--transition);}.footer-col a:hover{color:var(--secondary);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.82em;color:rgba(255,255,255,0.4);}.footer-disclosure{background:rgba(255,255,255,0.05);border-radius:var(--radius-sm);padding:12px 16px;font-size:0.78em;color:rgba(255,255,255,0.5);margin-top:16px;line-height:1.6;}.logo-img{height:28px;width:auto;display:block;}.vpn-card-logo-img{width:80px;height:56px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px;}.vpn-card-logo-img img{width:100%;height:100%;object-fit:contain;}.trust-bar{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;padding:16px 0;}.trust-item{display:flex;align-items:center;gap:8px;font-size:0.82em;color:var(--text-secondary);}.trust-item .trust-icon{font-size:1.3em;}.trust-badge-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0;}.trust-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:0.8em;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow);}.social-proof{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin:32px 0;}.social-item{text-align:center;}.social-number{font-size:1.6em;font-weight:800;color:var(--text);}.social-label{font-size:0.78em;color:var(--text-secondary);margin-top:2px;}.og-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius-sm);font-size:0.82em;color:var(--text-secondary);box-shadow:var(--shadow);}.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:12px 20px;z-index:999;box-shadow:0 -4px 20px rgba(0,0,0,0.08);}.sticky-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--max-width);margin:0 auto;}.sticky-cta-text{font-size:0.82em;font-weight:600;}.sticky-cta-text small{font-weight:400;color:var(--text-secondary);font-size:0.85em;}.sticky-cta .btn{flex-shrink:0;}@media(max-width:768px){.sticky-cta{display:block;}body{padding-bottom:72px;}}@media(max-width:1024px){.top-pick-grid{grid-template-columns:1fr;}.top-pick-visual{order:-1;}.footer-grid{grid-template-columns:1fr 1fr;}}@media(max-width:768px){.nav{display:none;}.nav.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:16px;box-shadow:var(--shadow-lg);}.hamburger{display:block;}.hero{padding:60px 0 40px;}.hero-stats{gap:24px;}.section{padding:48px 0;}.top-pick{padding:32px 24px;}.vpn-grid{grid-template-columns:1fr;}.comparison-wrapper{overflow-x:auto;}.comparison-table{font-size:0.78em;min-width:700px;}.footer-grid{grid-template-columns:1fr;gap:24px;}.footer-bottom{flex-direction:column;text-align:center;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}.animate-in{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease;}.animate-in.visible{opacity:1;transform:translateY(0);}.comp-tool{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:32px;box-shadow:var(--shadow);}.comp-selectors{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;}.comp-select{flex:1;min-width:180px;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--font);font-size:0.9em;color:var(--text);cursor:pointer;transition:var(--transition);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}.comp-select:focus{outline:none;border-color:var(--secondary);}.comp-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}.comp-result-card{background:var(--bg);border-radius:var(--radius);padding:24px;text-align:center;border:2px solid transparent;transition:var(--transition);}.comp-result-card.winner{border-color:var(--secondary);position:relative;}.comp-result-card.winner::before{content:'👑 Gagnant';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--secondary),var(--secondary-hover));color:#fff;font-size:0.72em;font-weight:700;padding:3px 14px;border-radius:50px;}.comp-result-name{font-size:1.2em;font-weight:800;margin-bottom:12px;}.comp-result-score{font-size:2.5em;font-weight:800;color:var(--secondary);}.comp-result-sub{font-size:0.82em;color:var(--text-secondary);margin-bottom:8px;}.comp-result-detail{padding:8px 0;border-top:1px solid var(--border);font-size:0.85em;display:flex;justify-content:space-between;}.comp-result-detail-label{color:var(--text-secondary);}.comp-result-detail-value{font-weight:600;}#vg-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -8px 40px rgba(0,0,0,0.12);padding:20px 24px;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}#vg-cookie-banner.vg-cookie-show{transform:translateY(0);}.vg-cookie-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}.vg-cookie-text h3{font-size:1em;font-weight:700;margin-bottom:4px;}.vg-cookie-text p{font-size:0.85em;color:var(--text-secondary);line-height:1.6;max-width:680px;}.vg-cookie-text a{color:var(--secondary);text-decoration:underline;}.vg-cookie-actions{display:flex;gap:10px;flex-shrink:0;}.vg-cookie-btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:0.85em;font-weight:600;cursor:pointer;transition:var(--transition);border:2px solid transparent;font-family:var(--font);}.vg-cookie-accept{background:var(--secondary);color:#0D1B2A;border-color:var(--secondary);}.vg-cookie-accept:hover{background:var(--secondary-hover);border-color:var(--secondary-hover);}.vg-cookie-refuse{background:transparent;color:var(--text-secondary);border-color:var(--border);}.vg-cookie-refuse:hover{border-color:var(--text-secondary);color:var(--text);}#vg-cookie-settings{position:fixed;bottom:20px;left:20px;z-index:99998;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);font-size:1.2em;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;}#vg-cookie-settings:hover{transform:scale(1.1);box-shadow:var(--shadow-lg);}.affiliate-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.7em;font-weight:600;padding:2px 8px;border-radius:50px;background:rgba(255,193,7,0.15);color:#B8860B;text-transform:uppercase;letter-spacing:0.03em;margin-left:6px;white-space:nowrap;}[data-theme="dark"] .affiliate-badge{background:rgba(255,193,7,0.1);color:#FFD93D;}@media(max-width:640px){#vg-cookie-banner{padding:16px;}.vg-cookie-inner{flex-direction:column;align-items:flex-start;}.vg-cookie-actions{width:100%;}.vg-cookie-btn{flex:1;text-align:center;}}