*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0D9488;--color-primary-dark:#0F766E;--color-primary-light:#14B8A6;--color-accent:#F59E0B;--color-accent-dark:#D97706;--color-bg:#F0FDFA;--color-bg-alt:#FFFFFF;--color-text:#1E293B;--color-text-muted:#64748B;--color-border:#E2E8F0;--color-card-bg:#FFFFFF;--font-heading:'DM Sans',sans-serif;--font-body:'Inter',sans-serif;--radius:10px;--radius-sm:6px;--shadow:0 2px 12px rgba(13,148,136,0.08);--shadow-hover:0 6px 24px rgba(13,148,136,0.16);--transition:0.2s ease;--max-width:1200px;--content-width:800px}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-dark)}#reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));z-index:9999;transition:width 0.1s linear}.skip-link{position:absolute;top:-40px;left:1rem;background:var(--color-primary);color:#fff;padding:0.5rem 1rem;border-radius:var(--radius-sm);z-index:10000}.skip-link:focus{top:1rem}.site-header{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);position:sticky;top:3px;z-index:100;box-shadow:var(--shadow)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px;gap:2rem}.site-logo{display:flex;align-items:center;gap:0.6rem;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-primary);flex-shrink:0}.site-logo svg{width:36px;height:36px}.site-logo:hover{color:var(--color-primary-dark)}.site-nav{display:flex;align-items:center;gap:0.25rem}.site-nav a{font-family:var(--font-heading);font-size:0.875rem;font-weight:500;color:var(--color-text);padding:0.4rem 0.75rem;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);white-space:nowrap}.site-nav a:hover,.site-nav a.active{background:var(--color-bg);color:var(--color-primary)}.nav-cta{background:var(--color-accent) !important;color:#fff !important;font-weight:600 !important;padding:0.45rem 1rem !important}.nav-cta:hover{background:var(--color-accent-dark) !important}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm)}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.breadcrumb-bar{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.breadcrumb{max-width:var(--max-width);margin:0 auto;padding:0.6rem 1.5rem;display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:var(--color-text-muted);flex-wrap:wrap}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .sep{color:var(--color-border)}.breadcrumb .current{color:var(--color-text);font-weight:500}.hero{background:linear-gradient(135deg,#0D9488 0%,#0F766E 60%,#065F59 100%);color:#fff;padding:4rem 1.5rem 4.5rem;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-inner{max-width:720px;margin:0 auto;position:relative}.hero-badge{display:inline-block;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:100px;font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:0.35rem 0.9rem;margin-bottom:1.25rem;color:rgba(255,255,255,0.9)}.hero h1{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.25;margin-bottom:1.25rem;color:#fff}.hero p{font-size:1.1rem;color:rgba(255,255,255,0.85);max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--font-heading);font-weight:600;font-size:0.95rem;padding:0.7rem 1.5rem;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);color:#fff}.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,0.5)}.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:#fff;color:#fff}.btn-teal{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-teal:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.site-main{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start}.article-content h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin:2rem 0 0.75rem;line-height:1.3}.article-content h2:first-child{margin-top:0}.article-content h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--color-text);margin:1.5rem 0 0.5rem}.article-content h4{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-text);margin:1.25rem 0 0.4rem}.article-content p{margin-bottom:1.1rem;color:var(--color-text)}.article-content ul,.article-content ol{margin:0.75rem 0 1.1rem 1.5rem}.article-content li{margin-bottom:0.4rem}.article-content strong{color:var(--color-text);font-weight:600}.article-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(13,148,136,0.3)}.article-content a:hover{text-decoration-color:var(--color-primary)}.article-image{width:100%;border-radius:var(--radius);overflow:hidden;margin-bottom:2rem;aspect-ratio:16/9;background:var(--color-border)}.article-image img{width:100%;height:100%;object-fit:cover}.article-hero{background:linear-gradient(135deg,#0D9488 0%,#0F766E 100%);color:#fff;padding:3rem 1.5rem 3.5rem}.article-hero-inner{max-width:var(--max-width);margin:0 auto}.article-hero .article-category{display:inline-block;background:rgba(255,255,255,0.2);border-radius:100px;font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:0.3rem 0.8rem;margin-bottom:1rem;color:rgba(255,255,255,0.9)}.article-hero h1{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.25;margin-bottom:0.75rem;color:#fff}.article-hero .article-meta{display:flex;align-items:center;gap:1rem;font-size:0.875rem;color:rgba(255,255,255,0.8);flex-wrap:wrap}.article-hero .article-meta span{display:flex;align-items:center;gap:0.35rem}.section-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--color-text);margin-bottom:0.4rem}.section-subtitle{color:var(--color-text-muted);font-size:0.975rem;margin-bottom:1.75rem}.section{padding:3rem 1.5rem}.section-inner{max-width:var(--max-width);margin:0 auto}.section-alt{background:var(--color-bg-alt)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);display:flex;flex-direction:column}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--color-primary-light)}.card-image{aspect-ratio:16/9;background:linear-gradient(135deg,#0D9488,#065F59);overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:0.6}.card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.card-category{font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:0.5rem}.card-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--color-text);line-height:1.35;margin-bottom:0.5rem;flex:1}.card-excerpt{font-size:0.85rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:1rem}.card-link{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.85rem;font-weight:600;color:var(--color-primary)}.card-link:hover{color:var(--color-primary-dark)}.card-link svg{transition:transform var(--transition)}.card-link:hover svg{transform:translateX(3px)}.articles-list{display:flex;flex-direction:column;gap:1.25rem}.article-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;gap:0;transition:box-shadow var(--transition),border-color var(--transition)}.article-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-light)}.article-card-image{width:180px;flex-shrink:0;background:linear-gradient(135deg,#0D9488,#065F59);overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover}.article-card-body{padding:1.25rem;flex:1}.article-card-category{font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:0.4rem}.article-card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text);line-height:1.35;margin-bottom:0.4rem}.article-card-title a{color:inherit}.article-card-title a:hover{color:var(--color-primary)}.article-card-excerpt{font-size:0.875rem;color:var(--color-text-muted);margin-bottom:0.75rem}.article-card-meta{font-size:0.78rem;color:var(--color-text-muted)}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-widget{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.sidebar-widget-header{background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:0.875rem;padding:0.75rem 1.25rem;text-transform:uppercase;letter-spacing:0.05em}.sidebar-widget-body{padding:1.25rem}.sidebar-widget-body p{font-size:0.9rem;color:var(--color-text-muted);margin-bottom:0.75rem}.sidebar-widget-body .btn{width:100%;justify-content:center;font-size:0.9rem}.recommended-badge{display:inline-flex;align-items:center;gap:0.35rem;background:#FEF3C7;color:#92400E;font-size:0.75rem;font-weight:700;padding:0.25rem 0.6rem;border-radius:100px;margin-bottom:0.75rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{border-bottom:1px solid var(--color-border)}.toc-list li:last-child{border-bottom:none}.toc-list a{display:block;padding:0.5rem 0;font-size:0.875rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition),padding-left var(--transition)}.toc-list a:hover{color:var(--color-primary);padding-left:0.35rem}.toc-list .toc-num{display:inline-block;width:1.4rem;font-size:0.75rem;color:var(--color-primary);font-weight:600}.table-wrapper{overflow-x:auto;margin:1.5rem 0;border-radius:var(--radius);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:0.9rem}thead{background:var(--color-primary);color:#fff}thead th{padding:0.75rem 1rem;text-align:left;font-family:var(--font-heading);font-weight:600;white-space:nowrap}tbody tr{border-bottom:1px solid var(--color-border)}tbody tr:last-child{border-bottom:none}tbody tr:nth-child(even){background:var(--color-bg)}tbody tr:hover{background:rgba(13,148,136,0.04)}td{padding:0.7rem 1rem;vertical-align:middle;color:var(--color-text)}.td-good{color:#059669;font-weight:600}.td-bad{color:#DC2626}.td-mid{color:#D97706}.check{color:#059669}.cross{color:#DC2626}.neutral{color:#D97706}.info-box{background:rgba(13,148,136,0.06);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.25rem;margin:1.5rem 0;font-size:0.92rem;color:var(--color-text)}.info-box strong{color:var(--color-primary-dark)}.warning-box{background:#FFFBEB;border-left:4px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.25rem;margin:1.5rem 0;font-size:0.92rem}.warning-box strong{color:var(--color-accent-dark)}.faq-section{margin:2rem 0}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:0.6rem;overflow:hidden}.faq-question{width:100%;background:none;border:none;padding:1rem 1.25rem;text-align:left;font-family:var(--font-heading);font-weight:600;font-size:0.95rem;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background var(--transition)}.faq-question:hover{background:var(--color-bg)}.faq-question[aria-expanded="true"]{background:var(--color-bg);color:var(--color-primary)}.faq-icon{flex-shrink:0;color:var(--color-primary);transition:transform var(--transition)}.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(180deg)}.faq-answer{display:none;padding:0 1.25rem 1rem;font-size:0.9rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);line-height:1.6}.faq-answer.open{display:block}.faq-answer p{margin-top:0.75rem}.faq-answer a{color:var(--color-primary)}.steps-list{list-style:none;padding:0;margin:1.25rem 0;counter-reset:step-counter}.steps-list li{counter-increment:step-counter;padding:1rem 1rem 1rem 3.5rem;margin-bottom:0.75rem;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);position:relative;font-size:0.92rem}.steps-list li::before{content:counter(step-counter);position:absolute;left:1rem;top:1rem;width:1.8rem;height:1.8rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;font-family:var(--font-heading)}.steps-list li strong{display:block;color:var(--color-text);font-weight:600;margin-bottom:0.25rem}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0.75rem;margin:1rem 0}.glossary-item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0.9rem 1rem}.glossary-term{font-family:var(--font-heading);font-weight:700;font-size:0.9rem;color:var(--color-primary);margin-bottom:0.25rem}.glossary-def{font-size:0.83rem;color:var(--color-text-muted);line-height:1.5}.rating{display:inline-flex;align-items:center;gap:0.2rem;color:var(--color-accent);font-size:0.9rem}.rating-num{color:var(--color-text);font-weight:600;margin-left:0.3rem}.player-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1rem 1.25rem;align-items:start}.player-icon{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;border:1px solid var(--color-border)}.player-info h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-bottom:0.2rem}.player-meta{display:flex;gap:0.75rem;font-size:0.8rem;color:var(--color-text-muted);margin-bottom:0.5rem;flex-wrap:wrap}.player-meta span{display:flex;align-items:center;gap:0.2rem}.player-desc{font-size:0.88rem;color:var(--color-text-muted);grid-column:1/-1}.player-pros-cons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:0.5rem}.pros,.cons{font-size:0.83rem}.pros strong{color:#059669;display:block;margin-bottom:0.25rem}.cons strong{color:#DC2626;display:block;margin-bottom:0.25rem}.pros li::before{content:'✓ ';color:#059669;font-weight:700}.cons li::before{content:'✗ ';color:#DC2626;font-weight:700}.pros ul,.cons ul{list-style:none;padding:0}.pros li,.cons li{margin-bottom:0.2rem;color:var(--color-text-muted)}.checklist-item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;counter-increment:checklist-counter;position:relative}.checklist-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-primary);color:#fff;border-radius:50%;font-family:var(--font-heading);font-weight:700;font-size:0.875rem;margin-bottom:0.75rem}.checklist-item h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-bottom:0.5rem}.checklist-item p{font-size:0.9rem;color:var(--color-text-muted)}.red-flags{background:#FEF2F2;border-radius:var(--radius-sm);padding:0.6rem 0.9rem;margin-top:0.6rem;font-size:0.83rem;color:#991B1B}.red-flags strong{display:block;margin-bottom:0.2rem}.vpn-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1rem;display:flex;gap:1.25rem;align-items:flex-start}.vpn-rank{width:2rem;height:2rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;flex-shrink:0;margin-top:0.2rem}.vpn-info{flex:1}.vpn-info h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-bottom:0.3rem}.vpn-info p{font-size:0.88rem;color:var(--color-text-muted)}.vpn-chips{display:flex;gap:0.4rem;flex-wrap:wrap;margin-top:0.5rem}.chip{display:inline-block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;font-size:0.72rem;font-weight:600;padding:0.2rem 0.6rem;color:var(--color-text-muted)}.chip-green{background:#ECFDF5;border-color:#A7F3D0;color:#065F46}.chip-blue{background:#EFF6FF;border-color:#BFDBFE;color:#1E40AF}.top-pick-box{background:linear-gradient(135deg,rgba(13,148,136,0.06),rgba(245,158,11,0.06));border:2px solid var(--color-accent);border-radius:var(--radius);padding:1.75rem;margin:2rem 0;text-align:center}.top-pick-label{display:inline-block;background:var(--color-accent);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.3rem 0.8rem;border-radius:100px;margin-bottom:1rem}.top-pick-box h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:0.5rem}.top-pick-box p{color:var(--color-text-muted);font-size:0.9rem;margin-bottom:1.25rem;max-width:500px;margin-left:auto;margin-right:auto}.quick-answer{background:var(--color-primary);color:#fff;border-radius:var(--radius);padding:1.5rem 1.75rem;margin-bottom:2rem}.quick-answer-label{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:0.5rem}.quick-answer p{color:rgba(255,255,255,0.95);font-size:0.95rem;line-height:1.6;margin:0}.section-divider{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.stats-row{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.stat-pill{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;flex:1;min-width:150px;text-align:center}.stat-number{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-primary);display:block;line-height:1;margin-bottom:0.25rem}.stat-label{font-size:0.8rem;color:var(--color-text-muted)}.trend-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start}.trend-num{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:rgba(13,148,136,0.2);line-height:1}.trend-card h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-bottom:0.4rem}.trend-card p{font-size:0.88rem;color:var(--color-text-muted)}.site-footer{background:#0F172A;color:rgba(255,255,255,0.75);padding:3rem 1.5rem 1.5rem;margin-top:3rem}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem}.footer-brand{}.footer-logo{display:flex;align-items:center;gap:0.6rem;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:0.75rem}.footer-logo svg{width:30px;height:30px}.footer-tagline{font-size:0.85rem;color:rgba(255,255,255,0.55);line-height:1.6;margin-bottom:0.5rem}.footer-top-pick{font-size:0.82rem;color:rgba(255,255,255,0.55)}.footer-top-pick a{color:var(--color-primary-light)}.footer-top-pick a:hover{color:var(--color-primary)}.footer-col h4{font-family:var(--font-heading);font-weight:700;font-size:0.875rem;color:#fff;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.75rem}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:0.5rem}.footer-col a{font-size:0.875rem;color:rgba(255,255,255,0.6);transition:color var(--transition)}.footer-col a:hover{color:var(--color-primary-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-bottom p{font-size:0.8rem;color:rgba(255,255,255,0.4)}.footer-bottom a{color:rgba(255,255,255,0.4)}.footer-bottom a:hover{color:var(--color-primary-light)}.footer-legal{display:flex;gap:1rem}.footer-legal a{font-size:0.8rem}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.font-heading{font-family:var(--font-heading)}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.site-nav{position:fixed;top:67px;left:0;right:0;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;padding:0.75rem;gap:0.25rem;box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-110%);opacity:0;transition:transform 0.25s ease,opacity 0.25s ease;pointer-events:none}.site-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav a{padding:0.6rem 1rem}.nav-toggle{display:flex}.hero{padding:2.5rem 1.25rem 3rem}.hero-actions{flex-direction:column;align-items:center}.article-card{flex-direction:column}.article-card-image{width:100%;height:180px}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.player-pros-cons{grid-template-columns:1fr}.vpn-card{flex-direction:column}.stats-row{flex-direction:column}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.glossary-grid{grid-template-columns:1fr}.sidebar{display:flex}}@media (max-width:480px){.header-inner{padding:0 1rem}.site-main{padding:1.5rem 1rem}.section{padding:2rem 1rem}.hero h1{font-size:1.6rem}.player-card{grid-template-columns:1fr}.player-icon{display:none}.trend-card{grid-template-columns:1fr}.trend-num{display:none}}