:root{
  --bg:#0A0C1B; --surface:#12152A; --line:#22273F; --text:#FFFFFF; --muted:#C9D0E2; --soft:#A3AAC2;
  --accent:#E3620B; --cta:#0F7A36; --cta-hover:#0C672D;
  color-scheme: dark;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:var(--bg);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Lato',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.bar{background:var(--accent);color:#fff;text-align:center;padding:12px 16px;font-family:'Montserrat',system-ui,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
main{max-width:680px;margin:0 auto;padding:48px 20px 64px;display:flex;flex-direction:column;align-items:center;gap:32px}
.head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #2A2F4A;border-radius:999px;padding:8px 16px;font-size:14px;color:var(--muted)}
h1{margin:0;font-family:'Montserrat',system-ui,sans-serif;font-weight:900;font-size:clamp(30px,6vw,48px);line-height:1.1;letter-spacing:-.01em}
h1 span{color:var(--accent)}
.hero{width:100%;max-width:400px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block;box-shadow:0 12px 32px rgba(0,0,0,.45);margin:-8px auto}
.sub{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
h2{margin:0;font-family:'Montserrat',system-ui,sans-serif;font-weight:800;font-size:clamp(22px,4vw,28px);line-height:1.25}
.sub p{margin:0;font-size:18px;color:var(--muted)}
.cta{width:100%;max-width:480px;min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--cta);color:#fff;text-decoration:none;border-radius:12px;font-family:'Montserrat',system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:.04em;padding:16px 24px;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:background .15s,transform .15s}
.cta:hover{background:var(--cta-hover)}
.cta:active{transform:scale(.98)}
.cta:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cta.pulse{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.cta.pulse{animation:none}html{scroll-behavior:auto}}
ul{list-style:none;margin:8px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:12px}
li{display:flex;align-items:flex-start;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px;font-size:17px;line-height:1.45}
.tick{flex:none;width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}
footer{border-top:1px solid var(--line);padding:28px 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;font-size:14px;color:var(--soft)}
footer a{color:var(--muted)} footer a:hover{color:#fff}