@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito',sans-serif;background:#0b1628;color:#d4dae6;line-height:1.7}
a{color:#ff6b6b;text-decoration:none}a:hover{color:#ff8e8e}

.shell{max-width:880px;margin:0 auto;padding:0 16px}
header{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.3rem;font-weight:800;color:#ff6b6b}
.logo span{color:#5a6a8a;font-weight:600}

.tabs{display:flex;gap:0;margin:24px 0 0;border-bottom:2px solid rgba(255,255,255,.06);overflow-x:auto}
.tab{padding:10px 18px;font-size:.8rem;font-weight:700;color:#5a6a8a;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:.2s}
.tab:hover{color:#d4dae6}.tab.on{color:#ff6b6b;border-color:#ff6b6b}

.panel{display:none;padding:28px 0 48px}.panel.on{display:block}

.intro{text-align:center;padding:40px 0 20px}
.intro h1{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:800;color:#fff;margin-bottom:8px}
.intro h1 em{font-style:normal;color:#ff6b6b}
.intro p{font-size:.9rem;color:#7a8aaa;max-width:480px;margin:0 auto}

.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px;margin-bottom:18px;transition:.2s}
.card:hover{border-color:rgba(255,107,107,.2);background:rgba(255,255,255,.05)}
.card-top{display:flex;gap:14px;margin-bottom:12px}
.card-thumb{width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#152238}
.card-thumb img{width:100%;height:100%;object-fit:cover}
.card-info h3{font-size:.98rem;font-weight:700;color:#fff;margin-bottom:2px}
.card-info .tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}
.card-info .tags span{font-size:.58rem;font-weight:700;padding:2px 6px;border-radius:8px;text-transform:uppercase}
.tg{background:rgba(255,107,107,.1);color:#ff6b6b}
.tb{background:rgba(100,160,255,.1);color:#64a0ff}
.card-info .rate{font-size:.78rem;color:#ffc857}
.card p{font-size:.82rem;color:#8a96b2;line-height:1.55}
.gallery{display:flex;gap:6px;margin:10px 0;overflow-x:auto}
.gallery img{width:130px;height:85px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.06);flex-shrink:0}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.pros h4{font-size:.68rem;color:#51cf66;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.cons h4{font-size:.68rem;color:#ff6b6b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.pros li,.cons li{font-size:.76rem;color:#7a8aaa;list-style:none;padding-left:12px;position:relative}
.pros li::before{content:"\2713";position:absolute;left:0;color:#51cf66;font-size:.65rem}
.cons li::before{content:"\2717";position:absolute;left:0;color:#ff6b6b;font-size:.65rem}
.pros ul,.cons ul{padding:0}
.dl{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:.76rem;padding:6px 14px;border-radius:8px;background:#ff6b6b;color:#fff;text-decoration:none;margin-top:6px}
.dl:hover{background:#e85d5d;color:#fff}

.verdict-box{background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.12);border-radius:10px;padding:16px;margin:18px 0}
.verdict-box h3{font-size:.85rem;color:#ff6b6b;font-weight:700;margin-bottom:3px}
.verdict-box p{font-size:.82rem;color:#8a96b2}

.legal-text{padding:28px 0 48px;max-width:640px}
.legal-text h2{font-size:1rem;font-weight:700;color:#fff;margin:18px 0 5px}
.legal-text p,.legal-text li{font-size:.82rem;color:#7a8aaa;margin-bottom:6px}
.legal-text ul{padding-left:14px;margin-bottom:8px}

footer{border-top:1px solid rgba(255,255,255,.06);padding:20px 0;text-align:center;font-size:.68rem;color:#3a4a6a}
footer a{color:#5a6a8a;margin:0 6px}

@media(max-width:600px){.card-top{flex-direction:column}.card-thumb{width:100%;height:160px}.pros-cons{grid-template-columns:1fr}}