:root{--bg:#f7f8fb;--card:#fff;--ink:#14161c;--mut:#5b6170;--line:#e3e6ee;--acc:#0a7cff;--acc2:#7a3cff}
:root[data-theme=dark]{--bg:#0e1015;--card:#181b23;--ink:#eef0f5;--mut:#a3a9b8;--line:#2a2f3b;--acc:#4ea1ff;--acc2:#a57bff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--line)}
.top img{height:30px}.top b{flex:1;font-size:17px}.top a.back{color:var(--acc);text-decoration:none;font-weight:600}
.lang{display:flex;gap:4px}.lang button{border:1px solid var(--line);background:none;color:var(--ink);border-radius:8px;padding:4px 7px;font-weight:600;font-size:12px}.lang button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
main{max-width:760px;margin:0 auto;padding:16px 14px 60px}
.hero{border-radius:18px;overflow:hidden;position:relative;margin-bottom:18px}.hero img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.hero div{position:absolute;inset:auto 0 0 0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}.hero h1{margin:0;font-size:28px;line-height:1.15}.hero p{margin:6px 0 0}
h2{font-size:21px;margin:26px 0 10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card div{padding:10px}.card b{display:block}.card small{color:var(--mut)}
.vids{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vids figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.vids video{width:100%;aspect-ratio:9/16;display:block;background:#000;object-fit:cover}.vids figcaption{padding:8px 10px;font-weight:600;font-size:14px}
.plans{display:flex;flex-direction:column;gap:8px}.plan{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px}
.plan img{width:46px;height:46px;border-radius:10px;object-fit:cover}.plan b{flex:1}.plan span{font-weight:700;color:var(--acc)}
.btn{display:inline-block;background:var(--acc);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer}
.btn.ghost{background:none;color:var(--acc);border:1.5px solid var(--acc)}.row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.mut{color:var(--mut)}form{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}input,textarea{font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.ok{color:#14a44d;font-weight:700}.bad{color:#d33;font-weight:700}.foot{margin-top:30px;font-size:13px;color:var(--mut)}