:root{
  --accent:#0e9f8c;
  --accent-2:#1ed4bf;
  --soft:#e7faf6;
  --on:#ffffff;
  --ink:#1b2430;
  --muted:#8b93a5;
  --line:#e4eef2;
  --card:#ffffff;
  --warn-bg:#fff5f5;
  --warn:#e11d48;
  --hero-bg:#f7fcff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  color:var(--ink);
  font-family:Manrope,Segoe UI,sans-serif;
  background:
    radial-gradient(1100px 480px at 50% -120px,#dff4ff 0%,rgba(223,244,255,0) 68%),
    radial-gradient(720px 420px at 100% 8%,#e7fbff 0%,rgba(231,251,255,0) 60%),
    linear-gradient(180deg,#f8fcff 0%,#f4f8fb 100%);
}
a{color:var(--accent);text-decoration:none}
.sheet{width:min(460px,calc(100% - 28px));margin:0 auto;padding:28px 0 120px}
.lang{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}
.lang a{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--muted);padding:4px 8px;border-radius:999px}
.lang a.active{color:var(--accent);background:var(--soft)}
.brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.mark{
  width:96px;height:96px;border-radius:50%;object-fit:cover;
  background:#fff;box-shadow:0 12px 30px rgba(22,24,31,.12);
}
.mark.dark{object-fit:contain;background:#111318;padding:10px}
h1{margin:16px 0 0;font-size:34px;line-height:1.05;letter-spacing:-.03em}
.kicker{margin:8px 0 0;color:#9aa3b5;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.warn{
  display:flex;gap:8px;align-items:flex-start;margin:18px 0 0;padding:10px 12px;
  border-radius:16px;background:var(--warn-bg);color:var(--warn);
  font-size:12px;font-weight:700;line-height:1.4;text-align:center;
}
.warn svg{width:16px;height:16px;flex:none;margin-top:1px}
.perks{
  position:relative;margin:28px 0 0;padding:28px 18px 16px;border-radius:22px;
  background:linear-gradient(180deg,#f7fffd 0%,#f3fbfb 100%);
  border:1px solid #d7f3ee;
}
.badge{
  position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  padding:8px 16px;border-radius:999px;color:#fff;font-size:13px;font-weight:800;white-space:nowrap;
  background:linear-gradient(90deg,#6d5efc 0%,#4d8dff 62%,#2ec8c0 100%);
  box-shadow:0 8px 18px rgba(77,141,255,.28);
}
.perks ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.perks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
.perks svg{width:22px;height:22px;flex:none;color:#fff}
.perks svg circle{fill:var(--accent)}
.perks b{color:var(--accent)}
.cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:16px 0 0;padding:16px 18px;border-radius:18px;
  background:linear-gradient(180deg,#1ad4be 0%,#0c9b88 100%);
  color:#fff;font-weight:800;font-size:17px;
  box-shadow:0 16px 32px rgba(12,155,136,.28);
}
.cta svg{width:22px;height:22px}
.pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.pills span{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;
  background:#fff;border:1px solid #e8eef3;font-size:13px;font-weight:700;
  box-shadow:0 6px 16px rgba(20,40,60,.05);
}
.rate-card,.contacts,.doc{
  margin:16px 0 0;padding:18px;border-radius:22px;background:#fff;
  border:1px solid var(--line);box-shadow:0 10px 30px rgba(22,40,60,.04);
}
.rate-box{padding:8px 8px 4px;text-align:center}
.rate-label{margin:0;color:#7d8798;font-size:13px}
.rate-line{margin:10px 0 0;font-size:26px;font-weight:800;letter-spacing:-.03em;color:#1b2430}
.rate-line b{color:#1b2430;font-weight:800}
.rate-line span{color:var(--accent)}
.note{margin:16px 0 0;text-align:center;color:#5c6578;font-size:15px;line-height:1.5}
.note.faint{color:#8b93a5;font-size:14px}
.contacts h2{margin:0;font-size:22px}
.contacts .sub{margin:4px 0 14px;color:var(--muted);font-size:13px}
.row{
  display:flex;gap:12px;align-items:center;padding:12px;margin-top:8px;
  border:1px solid var(--line);border-radius:16px;
}
.row i{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;
  background:var(--soft);color:var(--accent);
}
.row i svg{width:18px;height:18px}
.row small{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.row b,.row a{color:var(--ink);font-weight:800;font-size:15px}
.foot{margin:22px 0 0;text-align:center;color:#8b93a5;font-size:13px}
.foot nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.foot a{font-weight:700}
.doc h1{font-size:28px;text-align:left}
.doc p{color:#3e4656;line-height:1.55}
.back{display:inline-block;margin-top:8px;font-weight:800}
.cookie{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%);
  width:min(460px,calc(100% - 20px));
  display:flex;gap:12px;align-items:center;
  padding:10px 12px 10px 10px;background:#fff;
  border:1px solid #d7eef2;border-radius:22px;
  box-shadow:0 16px 40px rgba(14,159,140,.16);z-index:20;
}
.cookie[hidden]{display:none}
.cookie img{width:64px;height:64px;object-fit:cover;flex:none;background:#f4fbfb;border-radius:16px}
.cookie p{margin:0;flex:1;font-size:13px;line-height:1.4;color:#3e4656;font-weight:600}
.cookie-actions{display:flex;flex-direction:column;gap:6px;flex:none}
.cookie button{
  border:0;border-radius:999px;padding:10px 14px;cursor:pointer;
  background:linear-gradient(180deg,#1ad4be,#0c9b88);color:#fff;
  font:800 13px Manrope,Segoe UI,sans-serif;
}
.cookie button[data-cookie-no]{background:#fff;color:#3e4656;border:1px solid #d7eef2}
@media (max-width:380px){
  h1{font-size:30px}
  .rate-line{font-size:22px}
  .cookie{align-items:flex-start}
  .cookie button{padding:8px 12px}
}