:root{
  --bg:#101a2e;--surface:#1b2942;--surface2:#243358;--fg:#f2f6ff;
  --muted:#b9c6e0;--brand:#3d8bff;--brand-soft:#8fbaff;--success:#2fd07a;--danger:#ff4d55;
  --grad-brand:linear-gradient(145deg,#4f96ff,#2350c8);
  --grad-cta:linear-gradient(145deg,#4ff09a,#16a862);
  --grad-surface:linear-gradient(160deg,#22314f,#16223a);
  --shadow-3d:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -3px 0 rgba(0,0,0,.35),0 18px 34px -14px rgba(0,0,0,.75);
  --shadow-cta:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -5px 0 rgba(0,0,0,.28),0 16px 28px -10px rgba(22,168,98,.55);
  --shadow-brand:inset 0 2px 0 rgba(255,255,255,.30),inset 0 -5px 0 rgba(0,0,0,.30),0 16px 28px -10px rgba(61,139,255,.55);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  background-image:radial-gradient(60rem 40rem at 50% -10%,rgba(53,96,190,.55),transparent 70%),
                   radial-gradient(40rem 30rem at 100% 60%,rgba(46,74,160,.4),transparent 70%);
  background-attachment:fixed;color:var(--fg);
  font-family:"Montserrat",system-ui,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;
  padding-bottom:64px;
}
h1,h2,h3{font-weight:900;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}
p{font-weight:600;line-height:1.45}
a{text-decoration:none}
.wrap{width:100%;max-width:46rem;margin:0 auto;padding:0 .85rem}
.top{padding-top:28px}.sec{margin-top:48px}.center{text-align:center}
.mt3{margin-top:12px}.mt5{margin-top:20px}
.hl{color:var(--brand-soft)}
.h1{margin-top:20px;font-size:2rem}
.h2{font-size:1.6rem}
.h3{font-size:1.15rem;margin-top:10px}
.sub{margin-top:12px;font-weight:900;text-transform:uppercase;color:var(--muted)}
.card{background-image:var(--grad-surface);border:1px solid rgba(255,255,255,.09);border-radius:24px;box-shadow:var(--shadow-3d)}
.pad2{padding:8px;margin-top:24px}.pad4{padding:16px}.pad6{padding:24px}
.img{width:100%;border-radius:16px;display:block}
.badge-alert{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,77,85,.5);background:rgba(255,77,85,.15);color:var(--danger);border-radius:999px;padding:6px 16px;font-size:.72rem;font-weight:900;letter-spacing:.12em;animation:pulsering 1.8s ease-out infinite}
.dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
.info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;text-align:center}
.t1{font-size:.72rem;font-weight:900;text-transform:uppercase;line-height:1.1}
.t2{font-size:.66rem;font-weight:700;text-transform:uppercase;color:var(--muted);line-height:1.1}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ic.b{color:var(--brand);width:24px;height:24px}
.ic.w{color:#fff}
.big-ic{width:38px;height:38px;margin:0 auto 10px}
.stack{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.row{display:flex;gap:14px;align-items:flex-start;padding:16px}
.row h3{font-size:1.1rem;color:var(--brand-soft)}
.row p{margin-top:4px;font-size:.88rem;color:var(--muted)}
.ibox{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background-image:var(--grad-brand);box-shadow:var(--shadow-brand)}
.ibox.big{width:64px;height:64px;margin:0 auto}
.topline{position:relative;overflow:hidden}
.topline:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background-image:var(--grad-brand)}
.kicker{margin-top:14px;font-size:.78rem;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.huge{font-size:4.5rem;font-weight:900;line-height:1;color:var(--brand-soft);margin-top:4px}
.small-strong{margin-top:10px;font-size:.86rem;font-weight:900;text-transform:uppercase;color:var(--muted)}
.green-strong{margin-top:8px;font-size:1.05rem;font-weight:900;text-transform:uppercase;color:var(--success)}
.list{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}
.list li{display:flex;align-items:center;padding:13px 16px;font-size:.85rem;font-weight:900;text-transform:uppercase}
.ok{margin-left:auto;color:var(--success);font-weight:900}
.offer{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(47,208,122,.45);background:rgba(36,51,88,.45);backdrop-filter:blur(10px);padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 50px -18px rgba(47,208,122,.35)}
.offer:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background-image:var(--grad-cta)}
.old{margin-top:12px;font-size:1.1rem;font-weight:900;color:var(--danger);text-decoration:line-through;text-decoration-color:var(--danger);text-decoration-thickness:3px}
.price{margin-top:4px;font-size:3.6rem;font-weight:900;line-height:1;color:var(--success)}
.olist{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:8px;text-align:left}
.olist li{display:flex;align-items:center;gap:10px;background:rgba(36,51,88,.7);border-radius:14px;padding:10px 14px;font-size:.85rem;font-weight:900;text-transform:uppercase}
.olist .ok{margin-left:0}
.tag{display:inline-block;background:rgba(61,139,255,.2);color:var(--brand-soft);border-radius:999px;padding:4px 12px;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pad4 p{margin-top:12px;font-size:.88rem;color:var(--muted)}
.faq{padding:4px 16px}
.faq summary{cursor:pointer;list-style:none;padding:14px 0;font-size:.85rem;font-weight:900;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;color:var(--brand);font-weight:900}
.faq[open] summary:after{content:"–"}
.faq p{padding-bottom:14px;font-size:.86rem;color:var(--muted)}
.foot{margin-top:16px;font-size:.78rem;color:var(--muted)}
.btn-cta,.btn-brand{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:18px;padding:17px 16px;font-weight:900;font-size:1rem;text-transform:uppercase;transition:transform .15s ease,filter .15s ease}
.btn-cta{color:#0d2a19;background-image:var(--grad-cta);box-shadow:var(--shadow-cta)}
.btn-brand{color:#fff;background-image:var(--grad-brand);box-shadow:var(--shadow-brand)}
.btn-cta:active,.btn-brand:active{transform:translateY(3px);filter:brightness(1.05)}
.float{animation:float 5s ease-in-out infinite}
.rise{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes pulsering{0%,100%{box-shadow:0 0 0 0 rgba(255,77,85,.55)}50%{box-shadow:0 0 0 10px rgba(255,77,85,0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:640px){.h1{font-size:3rem}.h2{font-size:2.2rem}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}