:root{
  --bg:#07101e;--panel:#0d1a2c;--panel2:#101f35;--text:#eef6ff;
  --muted:#91a6c3;--line:#203451;--accent:#2f9cf4;--accent2:#5cc8ff;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:radial-gradient(circle at 80% 10%,#0d2a4a 0,transparent 28%),var(--bg);
  color:var(--text)
}
a{text-decoration:none;color:inherit}
.top{
  min-height:78px;display:flex;align-items:center;justify-content:space-between;
  padding:0 max(5vw,24px);border-bottom:1px solid var(--line);
  background:#07101ee8;position:sticky;top:0;backdrop-filter:blur(12px);z-index:5;gap:16px
}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo{width:42px;height:68px;object-fit:contain;display:block}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text b{font-size:20px}
.brand-text span{font-size:12px;color:var(--muted);margin-top:4px}
.top-actions{display:flex;gap:10px;align-items:center}
.ghost,.secondary{
  border:1px solid var(--line);padding:11px 16px;border-radius:12px;background:#0a1728
}
main{max-width:1180px;margin:auto;padding:0 24px}
.hero{
  min-height:680px;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center
}
.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--accent2);font-weight:800}
h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:18px 0;letter-spacing:-.04em}
h2{font-size:38px;letter-spacing:-.03em;margin:10px 0 6px}
h3{margin-top:0}
.lead{font-size:20px;color:var(--muted);line-height:1.65;max-width:760px}
.section-sub{font-size:17px;color:var(--muted);line-height:1.6;max-width:900px;margin:0 auto}
.actions{display:flex;gap:12px;margin:30px 0}
.primary{
  display:inline-flex;justify-content:center;align-items:center;
  background:linear-gradient(135deg,var(--accent),#2276ee);
  padding:13px 20px;border:0;border-radius:12px;font-weight:750;color:white;cursor:pointer
}
.full{width:100%}
.chips{display:flex;gap:9px;flex-wrap:wrap}
.chips span{
  border:1px solid var(--line);background:#0a1728;padding:8px 11px;border-radius:999px;color:#b9cce4;font-size:13px
}
.card{
  background:linear-gradient(145deg,var(--panel2),var(--panel));
  border:1px solid #27405f;border-radius:22px;padding:26px;box-shadow:0 30px 80px #0005
}
.status-card{min-height:340px;position:relative;overflow:hidden}
.side-logo{
  position:absolute;right:-8px;top:8px;width:112px;height:180px;object-fit:contain;opacity:.16
}
.meter{height:8px;background:#12253e;border-radius:99px;overflow:hidden}
.meter span{display:block;width:86%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}
ul{line-height:1.9;color:#b7c8dd;padding-left:20px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 100px}
.features article{border-top:1px solid var(--line);padding-top:20px}
.features p{color:var(--muted);line-height:1.65}
.section-title{text-align:center;margin-bottom:32px}
.guide,.plans,.faq,.incident{padding:52px 0 90px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan-name{font-size:17px;color:var(--accent2);font-weight:800}
.price{font-size:36px;font-weight:900;margin:14px 0}
.price small{font-size:14px;color:var(--muted);font-weight:500}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.steps div{
  border:1px solid var(--line);padding:20px;border-radius:16px;display:flex;gap:12px;align-items:flex-start;background:#0a1524
}
.steps b{color:var(--accent2);font-size:24px;line-height:1}
.faq-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.faq-list p{color:var(--muted);line-height:1.65}
footer{
  max-width:1180px;margin:auto;border-top:1px solid var(--line);
  padding:35px 24px 55px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)
}
.foot-brand{display:flex;align-items:center;gap:16px}
.foot-logo{width:34px;height:58px;object-fit:contain}
.cabinet{padding-top:60px;padding-bottom:90px;max-width:980px}
.cabinet h1{font-size:48px}
.secret-row{
  display:flex;gap:10px;align-items:center;background:#06101e;border:1px solid var(--line);
  padding:12px;border-radius:12px;overflow:auto
}
.secret-row code{flex:1;color:#bfe6ff;word-break:break-all}
.secret-row button{
  background:#183250;color:white;border:1px solid #315477;border-radius:9px;padding:9px 12px
}
.muted{color:var(--muted)}

@media(max-width:980px){
  .hero{grid-template-columns:1fr;padding:70px 0}
  .status-card{display:none}
  .features,.grid-2,.plan-grid,.steps,.faq-list{grid-template-columns:1fr}
}

@media(max-width:720px){
  h1{font-size:46px}
  h2{font-size:30px}
  .top{padding:12px 16px;align-items:flex-start;flex-direction:column}
  .top-actions{width:100%;display:flex;flex-wrap:wrap}
  .brand-logo{width:34px;height:58px}
  .lead{font-size:18px}
}


.content-page{padding:54px 24px 100px}
.page-hero{padding:40px 0 50px;max-width:900px}
.page-hero h1{font-size:clamp(42px,6vw,68px)}
.guide-cards{margin-bottom:28px}
.incident-card{margin:28px 0}
.big-list{font-size:17px;line-height:1.8;color:#c8d6e8}
.big-list li{margin:10px 0}
.sources{margin-top:28px}
.source-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.source-links a{border:1px solid var(--line);padding:10px 12px;border-radius:10px;color:#bfe6ff}
.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.warning-box{border:1px solid #8a6b2d;background:#2a210f;padding:16px 18px;border-radius:14px;color:#f4dfab;margin:20px 0 30px}
.legal{max-width:900px}
.legal h1{font-size:54px}.legal h2{margin-top:34px}.legal p{color:var(--muted);font-size:17px;line-height:1.7}
footer a{color:#bfe6ff}
@media(max-width:850px){.device-grid{grid-template-columns:1fr}.top-actions{overflow:auto;max-width:100%}}