:root{--color-bg:#f5f7fb;--color-bg-elevated:#ffffff;--color-bg-muted:#edf0f7;--color-text:#252733;--color-text-muted:#6b7080;--color-border:#d2d7e5;--color-primary:#2563eb;--color-primary-soft:#e0ecff;--color-accent-violet:#7c3aed;--color-accent-neon:#22c55e;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2933;--gray-900:#111827;--font-sans:"Inter","System UI","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk","Inter","System UI","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Menlo","Monaco",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md: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;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.6;--line-height-relaxed:1.8;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.05);--shadow-sm:0 2px 6px rgba(15,23,42,0.08);--shadow-md:0 8px 24px rgba(15,23,42,0.12);--shadow-lg:0 18px 45px rgba(15,23,42,0.18);--transition-fast:150ms;--transition-base:220ms;--transition-slow:320ms;--container-max:1200px;--nav-height:64px}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding-left:0}p{margin-bottom:var(--space-4);color:var(--color-text)}p:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--line-height-tight);color:var(--gray-900);margin-bottom:var(--space-3)}h1{font-size:var(--font-size-4xl);letter-spacing:-0.03em;margin-bottom:var(--space-4)}h2{font-size:var(--font-size-3xl);letter-spacing:-0.02em;margin-bottom:var(--space-4)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:0.08em}a:hover{color:var(--color-primary)}body{text-rendering:optimizeLegibility}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:1024px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-gap-4{gap:var(--space-4)}.grid-gap-6{gap:var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);min-height:40px;border-radius:var(--radius-full);border:1px solid transparent;background:var(--color-primary);color:#ffffff;font-size:var(--font-size-sm);font-weight:500;letter-spacing:0.03em;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-base) ease,border-color var(--transition-base) ease,box-shadow var(--transition-base) ease,transform var(--transition-fast) ease;box-shadow:var(--shadow-sm)}.btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-violet));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-bg-muted);border-color:var(--color-primary-soft)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover{background:rgba(37,99,235,0.06);border-color:rgba(37,99,235,0.18)}input,textarea,select{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-elevated);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4;transition:border-color var(--transition-base) ease,box-shadow var(--transition-base) ease,background-color var(--transition-base) ease}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px rgba(37,99,235,0.55)}input[disabled],textarea[disabled],select[disabled]{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-800)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid rgba(148,163,184,0.22);display:flex;flex-direction:column}.card-elevated{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-3)}.card-title{font-family:var(--font-display);font-size:var(--font-size-xl);line-height:var(--line-height-snug)}.card-meta{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted)}.card-body{font-size:var(--font-size-sm);color:var(--color-text)}.card-media{border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;background:rgba(15,23,42,0.04);color:var(--gray-700)}.badge-primary{background:rgba(37,99,235,0.1);color:var(--color-primary)}.badge-esport{background:rgba(124,58,237,0.08);color:var(--color-accent-violet)}.badge-hardware{background:rgba(34,197,94,0.08);color:var(--color-accent-neon)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--gray-100);color:var(--gray-700)}.chip-dot{width:7px;height:7px;border-radius:999px;background:var(--color-accent-neon);box-shadow:0 0 0 4px rgba(34,197,94,0.22)}.meta-inline{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.meta-separator::before{content:"·";margin:0 4px}.article-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:768px){.article-grid{grid-template-columns:2fr 1.5fr}}.article-list{display:flex;flex-direction:column;gap:var(--space-4)}.article-title-lg{font-family:var(--font-display);font-size:var(--font-size-3xl);line-height:var(--line-height-snug);letter-spacing:-0.02em}.article-title-md{font-family:var(--font-display);font-size:var(--font-size-xl);line-height:var(--line-height-snug)}.article-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero-kicker{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:var(--color-accent-neon)}.hero-title{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-4xl);line-height:var(--line-height-tight);letter-spacing:-0.03em}.hero-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:640px}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:-0.02em}.section-kicker{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.18em;color:var(--color-text-muted)}.section-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs)}.section-tab{padding:6px 12px;border-radius:var(--radius-full);background:transparent;border:1px solid transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-base) ease,border-color var(--transition-base) ease,color var(--transition-base) ease}.section-tab.is-active,.section-tab:hover{background:rgba(15,23,42,0.04);border-color:var(--color-border);color:var(--gray-900)}header.site-header{position:sticky;top:0;z-index:40;background:rgba(248,250,252,0.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,0.4)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--nav-height)}.brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;letter-spacing:0.18em;text-transform:uppercase;font-size:11px;color:var(--gray-900)}.brand-mark{width:22px;height:22px;border-radius:10px;background:radial-gradient(circle at 20% 0%,var(--color-accent-neon),transparent 55%),linear-gradient(135deg,var(--color-primary),var(--color-accent-violet));box-shadow:0 0 0 1px rgba(148,163,184,0.35),0 0 18px rgba(56,189,248,0.45)}.site-nav{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm)}.site-nav-link{position:relative;padding:4px 0;color:var(--gray-700);white-space:nowrap}.site-nav-link::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-violet));transition:width var(--transition-base) ease}.site-nav-link:hover{color:var(--gray-900)}.site-nav-link.is-active{color:var(--gray-900)}.site-nav-link.is-active::after{width:100%}.site-nav-cta{margin-left:var(--space-2)}.nav-secondary{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.nav-search{position:relative;min-width:0;flex:1}.nav-search input{padding-left:28px;padding-right:10px;border-radius:999px;font-size:11px;background:rgba(248,250,252,0.7)}.nav-search-icon{position:absolute;left:9px;top:50%;width:12px;height:12px;border-radius:999px;border:2px solid rgba(148,163,184,0.95);transform:translateY(-50%)}.nav-search-icon::after{content:"";position:absolute;right:-4px;bottom:-4px;width:6px;height:2px;border-radius:999px;background:rgba(148,163,184,0.95);transform:rotate(45deg)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,0.7);background:rgba(248,250,252,0.9);cursor:pointer}.nav-toggle-bar{width:14px;height:1px;border-radius:999px;background:var(--gray-700);box-shadow:0 4px 0 var(--gray-700),0 -4px 0 var(--gray-700)}@media (max-width:1023.98px){.site-nav{position:fixed;inset:var(--nav-height) 0 auto 0;flex-direction:column;align-items:flex-start;padding:var(--space-4);background:rgba(15,23,42,0.96);color:#e5e7eb;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--transition-base) ease,transform var(--transition-base) ease;gap:var(--space-3)}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav-link{color:#e5e7eb;font-size:var(--font-size-md)}.site-nav-link::after{background:linear-gradient(90deg,var(--color-accent-neon),var(--color-primary))}.site-nav-cta{width:100%;margin-left:0}.site-nav-cta .btn{width:100%}.nav-secondary{display:none}.nav-toggle{display:inline-flex}}@media (min-width:1024px){.nav-toggle{display:none}.site-nav{position:static;inset:auto;flex-direction:row;background:transparent;color:inherit;transform:none;opacity:1;pointer-events:auto;padding:0}}main{min-height:60vh}.layout-main{display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width:1024px){.layout-main{flex-direction:row}.layout-main-content{flex:3}.layout-main-sidebar{flex:1}}.breadcrumb{display:flex;flex-wrap:wrap;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-separator{opacity:0.6}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,0.55);font-size:var(--font-size-xs);color:var(--color-text-muted)}.tag:hover{border-color:var(--color-primary);color:var(--color-primary)}footer.site-footer{margin-top:var(--space-8);border-top:1px solid rgba(148,163,184,0.35);background:#020617;color:#e5e7eb}.site-footer-inner{padding-top:var(--space-6);padding-bottom:var(--space-6);display:grid;grid-template-columns:1fr;gap:var(--space-6);font-size:var(--font-size-sm)}@media (min-width:768px){.site-footer-inner{grid-template-columns:2fr 1fr 1fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.footer-nav a{color:var(--gray-300);font-size:var(--font-size-sm)}.footer-nav a:hover{color:var(--color-accent-neon)}.footer-meta{font-size:var(--font-size-xs);color:var(--gray-400)}.footer-meta-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(148,163,184,0.4);margin-top:var(--space-2)}.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--gray-500)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--font-size-sm)}.page-link{min-width:32px;height:32px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;color:var(--color-text-muted);cursor:pointer}.page-link:hover{border-color:var(--color-border);color:var(--color-text)}.page-link.is-active{border-color:transparent;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-violet));color:#fff}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-xs);display:inline-flex;align-items:center;gap:6px}.filter-chip.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.filter-select{min-width:160px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-margin:0!important}}:focus-visible{outline:2px solid var(--color-accent-neon);outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-accent-violet));border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary),var(--color-accent-neon))}.cookie-banner{position:fixed;z-index:50;inset:auto var(--space-4) var(--space-4) var(--space-4);max-width:420px;margin:0 auto;padding:var(--space-4);border-radius:var(--radius-lg);background:rgba(15,23,42,0.98);color:#e5e7eb;box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);display:flex;flex-direction:column;gap:var(--space-3)}.cookie-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.cookie-banner .btn{font-size:var(--font-size-xs);min-height:32px;padding-inline:var(--space-3)}.cookie-secondary{background:transparent;border-color:rgba(148,163,184,0.7);color:#e5e7eb}.cookie-secondary:hover{border-color:var(--color-accent-neon);color:var(--color-accent-neon)}.badge-live{background:rgba(220,38,38,0.12);color:var(--color-danger);display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em}.badge-live-dot{width:8px;height:8px;border-radius:999px;background:var(--color-danger);box-shadow:0 0 0 4px rgba(220,38,38,0.35)}