:root{--bg1:#0e1b28;--bg2:#0b1520;--text:#f4f7fb;--muted:#cfe1ff;--line:rgba(255,255,255,.14);
--card:rgba(255,255,255,.06);--cta:#f9c24f;--cta2:#2fd38a;--link:#ffe4a3}
*{box-sizing:border-box}html,body{margin:0;background:linear-gradient(var(--bg1),var(--bg2));color:var(--text);
font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:14px 16px}
.header{position:sticky;top:0;z-index:40;background:rgba(6,13,22,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand img{width:40px;height:40px}.nav{display:flex;gap:12px}.ctas{display:flex;gap:10px}
.btn{background:var(--cta);color:#111;padding:10px 14px;border-radius:999px;border:0;font-weight:800}
.btn.green{background:var(--cta2);color:#001}.btn.secondary{background:transparent;color:#fff;border:1px solid var(--line)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:8px;padding:8px 10px}
@media (max-width:860px){.nav{display:none;position:absolute;left:0;right:0;top:60px;background:rgba(6,13,22,.98);
padding:10px 16px;border-bottom:1px solid var(--line)}.nav.open{display:flex;flex-direction:column;gap:6px}.menu-toggle{display:inline-flex}.brand img{width:36px;height:36px}}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:28px 0}
@media (max-width:860px){.hero{grid-template-columns:1fr;gap:14px}}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
img{max-width:100%;height:auto;display:block;border-radius:12px}
kbd{background:#1a2836;border-radius:6px;padding:0 6px;border:1px solid #0c1620}
.badge{display:inline-block;background:rgba(255,255,255,.08);border-radius:999px;padding:6px 10px;margin-right:8px}
.hero-img img{width:clamp(240px,58vw,380px);aspect-ratio:3/4;object-fit:contain}
.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:420px;margin:10px 0 6px}
@media (max-width:600px){.cta-row{grid-template-columns:1fr}}.btn.block{display:block;width:100%;text-align:center}
.stars{display:inline-flex;gap:2px}.star{width:16px;height:16px;background:gold;display:inline-block;border-radius:3px} .star.dim{opacity:.35}
.testi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.testi .card p{margin:.4rem 0}
.tips-carousel{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:var(--card);margin:14px 0}
.tips-track{display:flex;transition:transform .45s ease;will-change:transform}.tip{min-width:100%;padding:14px 16px;display:flex;align-items:center;gap:10px}
.tip b{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--cta);color:#111;font-weight:800;text-align:center;line-height:22px}
.tip p{margin:0}.tips-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--line)}
.tips-controls .btn{padding:6px 10px;border-radius:10px;font-weight:700}.tips-dots{display:flex;gap:6px}.tips-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.3)}.tips-dots button.active{background:#fff}
.foot-grid{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 0;margin-top:20px}
table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left}