@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-base:#080808;--bg-surface:#0f0f0f;--bg-elevated:#161616;--bg-hover:#1d1d1d;--bg-overlay:hsla(0,0%,100%,.03);--border:#222;--border-subtle:#1a1a1a;--border-focus:#3b82f6;--text-primary:#f0f0f0;--text-secondary:#888;--text-muted:#555;--text-accent:#3b82f6;--blue:#3b82f6;--blue-dim:rgba(59,130,246,.12);--green:#22c55e;--green-dim:rgba(34,197,94,.12);--red:#ef4444;--red-dim:rgba(239,68,68,.12);--yellow:#f59e0b;--yellow-dim:rgba(245,158,11,.12);--purple:#a855f7;--purple-dim:rgba(168,85,247,.12);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img,svg{display:block;max-width:100%}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.container--narrow{max-width:900px}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}h2{font-size:clamp(1.35rem,2.5vw,1.875rem);font-weight:700;line-height:1.2}h3{font-size:1.25rem}h3,h4{font-weight:600}h4{font-size:1rem}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-secondary)}.text-xs{font-size:11px;letter-spacing:.4px;text-transform:uppercase}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card--hover{transition:border-color .15s,background .15s}.card--hover:hover{border-color:#333;background:var(--bg-elevated)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.badge--green{background:var(--green-dim);color:var(--green)}.badge--red{background:var(--red-dim);color:var(--red)}.badge--yellow{background:var(--yellow-dim);color:var(--yellow)}.badge--blue{background:var(--blue-dim);color:var(--blue)}.badge--purple{background:var(--purple-dim);color:var(--purple)}.price{font-family:var(--font-mono);font-weight:700}.price--lg{font-size:2rem}.price--md{font-size:1.25rem}.price--sm{font-size:.9rem}.price--deal{color:var(--green)}.price--over{color:var(--red)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;transition:all .15s}.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:#2563eb;transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn--outline:hover{border-color:#444;color:var(--text-primary)}.btn--ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.table td{padding:13px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-overlay)}.table tr.hover-row:hover td{background:var(--bg-hover);cursor:pointer}.input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 14px;font-size:14px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--border-focus)}.input::placeholder{color:var(--text-muted)}.stat{display:flex;flex-direction:column;gap:4px}.stat__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat__value{font-size:1.4rem;font-weight:700;font-family:var(--font-mono)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(8,8,8,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav__inner{justify-content:space-between;height:58px;gap:24px}.nav__brand,.nav__inner{display:flex;align-items:center}.nav__brand{font-size:17px;font-weight:800;letter-spacing:-.3px;gap:8px;color:var(--text-primary)}.nav__brand span{color:var(--blue)}.nav__links{display:flex;gap:4px}.nav__link{padding:6px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:all .15s}.nav__link:hover{background:var(--bg-hover)}.nav__link--active,.nav__link:hover{color:var(--text-primary)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:16px}.grid-4,.grid-auto{display:grid;gap:16px}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#333}.blog-card:hover{border-color:#0f8!important;transform:translateY(-2px)}.back-link:hover{color:#0f8!important}