:root{--bg: #0a0e1a;--bg-soft: #111726;--bg-card: #141c2f;--border: #223049;--text: #e8edf6;--text-muted: #9fb0c9;--accent: #35e0d0;--accent-2: #7c5cff;--accent-glow: rgba(53, 224, 208, .15);--radius: 14px;--maxw: 1100px;--font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,92,255,.12),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(53,224,208,.1),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}h1,h2,h3{line-height:1.2;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}img{max-width:100%;height:auto;border-radius:10px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:#0a0e1ab3;border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;letter-spacing:-.03em;color:var(--text)}.brand span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;align-items:center;gap:18px}.nav a{color:var(--text-muted);font-size:.95rem;font-weight:500}.nav a:hover{color:var(--text);text-decoration:none}.lang-picker{display:flex;gap:6px}.lang-picker a{padding:3px 8px;border-radius:6px;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);border:1px solid transparent}.lang-picker a.active{color:var(--text);border-color:var(--border);background:var(--bg-card)}.hero{padding:64px 0 32px}.hero p.tagline{color:var(--text-muted);font-size:1.15rem;max-width:640px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,border-color .15s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card .thumb{aspect-ratio:16 / 9;background:var(--bg-soft);object-fit:cover;width:100%;border-radius:0}.card .body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{margin:0;font-size:1.15rem}.card h3 a{color:var(--text)}.card .excerpt{color:var(--text-muted);font-size:.93rem;margin:0}.card .meta{color:var(--text-muted);font-size:.8rem;margin-top:auto}.badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent-glow);color:var(--accent);border:1px solid var(--border);width:fit-content}.section{padding:32px 0}.section h2{margin-bottom:20px}.article{max-width:760px;margin:0 auto;padding:40px 0 60px}.article .meta{color:var(--text-muted);font-size:.9rem;margin:8px 0 24px}.prose{font-size:1.08rem}.prose h2{margin-top:2em}.prose img{margin:1.5em 0}.prose a{text-decoration:underline}.prose code{background:var(--bg-soft);padding:2px 6px;border-radius:6px;font-size:.9em}.affiliate-btn{display:inline-flex;align-items:center;gap:8px;margin:10px 0;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#06121a;font-weight:700;padding:12px 22px;border-radius:10px;text-decoration:none}.affiliate-btn:hover{filter:brightness(1.08);text-decoration:none}.affiliate-disclosure{font-size:.8rem;color:var(--text-muted);border-left:3px solid var(--border);padding:8px 14px;margin:24px 0;background:var(--bg-soft);border-radius:0 8px 8px 0}.review-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin:28px 0}.review-box .score{font-size:2rem;font-weight:800;color:var(--accent)}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.proscons ul{margin:6px 0;padding-left:18px}@media(max-width:560px){.proscons{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border);margin-top:48px;padding:32px 0;color:var(--text-muted);font-size:.9rem}.site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}@media(max-width:680px){.nav{gap:12px;font-size:.85rem}.nav .hide-mobile{display:none}}