*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none;background:#000}
body{height:100vh;height:100dvh;position:relative;overflow:hidden;background:#000 url(img/bg.jpg) center/cover no-repeat;color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}
body:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 28%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.92) 100%)}
.wrap{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}
header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}
.tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.tag i{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.4s ease-in-out infinite}
main{display:flex;flex-direction:column;gap:24px;max-width:760px}
h1{font-size:clamp(44px,11vw,112px);line-height:.95;font-weight:800;letter-spacing:-.045em;text-wrap:balance}
p{font-size:clamp(16px,2.2vw,19px);line-height:1.5;color:#D2D4D9;max-width:460px;text-wrap:pretty}
.btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 26px;border:0;border-radius:25px;background:#fff;color:#000;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}
.btn:hover{background:#E8E9EC}.btn:active{transform:scale(.98)}
@keyframes blink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.tag i{animation:none}}
@media (max-width:480px){.btn{align-self:stretch;justify-content:center}}