@font-face{font-family:"Nunito";src:url("/nunito.ttf") format("truetype");font-weight:200 1000;font-display:swap}
:root{--navy:#0b1445;--blue:#2563eb;--ink2:#33447f}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--navy);background:radial-gradient(900px 600px at 85% -5%,#c8dbff 0,transparent 60%),radial-gradient(800px 600px at -10% 40%,#ffe9d2 0,transparent 55%),radial-gradient(800px 600px at 110% 95%,#ffd9e0 0,transparent 55%),#eef3ff;min-height:100vh;-webkit-text-size-adjust:100%}
.wrap{max-width:520px;margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) 20px calc(36px + env(safe-area-inset-bottom));text-align:center}
.logo{border-radius:16px;box-shadow:0 8px 22px rgba(37,99,235,.25)}
h1{font-size:clamp(34px,10vw,52px);line-height:1.04;margin:14px 0 8px;font-weight:900;letter-spacing:-.02em}
h1 span{color:var(--blue)}
.lead{font-size:19px;line-height:1.35;color:var(--ink2);font-weight:700;margin:0 0 22px}
.player{position:relative;max-width:360px;margin:0 auto;border-radius:26px;overflow:hidden;background:#dfe8ff;box-shadow:0 22px 50px rgba(11,20,69,.22)}
.player video{display:block;width:100%;aspect-ratio:9/16;background:#dfe8ff}
.snd{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:10px 16px;font:inherit;font-weight:900;font-size:15px;color:#fff;background:rgba(11,20,69,.82);box-shadow:0 6px 16px rgba(0,0,0,.3);cursor:pointer;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.snd{animation:none}}
.links{display:grid;gap:12px;margin:26px auto 0;max-width:360px}
.btn{display:block;text-decoration:none;font-weight:900;font-size:18px;padding:16px 18px;border-radius:18px;color:var(--navy);background:#fff;border:2px solid #cfdcff;box-shadow:0 8px 20px rgba(37,99,235,.12)}
.btn.primary{color:#fff;background:linear-gradient(135deg,#3b7bff,#1e48d6);border-color:transparent;box-shadow:0 10px 24px rgba(37,99,235,.35)}
.btn:active{transform:translateY(2px)}
.btn:focus-visible,.snd:focus-visible{outline:3px solid #ffb703;outline-offset:2px}
footer{margin-top:30px;font-size:13px;color:var(--ink2);opacity:.8}