
:root{--bg:#0b0f14;--card:#141a22;--line:#222b36;--fg:#eaf0f7;--mut:#93a1b3;--acc:#3b82f6;--wa:#25D366}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
header{padding:26px 16px;text-align:center;border-bottom:1px solid var(--line)}
.logo{font-size:26px;font-weight:800;letter-spacing:4px}.sub{color:var(--mut);margin-top:6px}
.langs button{background:none;border:1px solid var(--line);color:var(--mut);border-radius:20px;padding:4px 12px;margin:6px 2px 0;cursor:pointer}
.langs button.on{border-color:var(--acc);color:var(--acc)}
.wrap{max-width:1000px;margin:0 auto;padding:24px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.nm{font-size:19px;font-weight:700}.for{color:var(--acc);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.ds{color:var(--mut);font-size:14.5px;flex:1}
ul{margin:0;padding-left:18px;color:var(--mut);font-size:14px}
.pr{font-size:24px;font-weight:800}.pr small{font-size:14px;font-weight:400;color:var(--mut)}
.buy{display:block;text-align:center;background:var(--wa);color:#04210f;font-weight:700;text-decoration:none;padding:12px;border-radius:10px}
.warn{background:#2a1d0e;border:1px solid #5c3d15;color:#e8c893;padding:12px 14px;border-radius:10px;font-size:13.5px;margin-top:18px}
footer{border-top:1px solid var(--line);margin-top:36px;padding:22px 16px;color:var(--mut);font-size:13px;text-align:center}
