*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;width:100%}
body{
  font-family:"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  background:#0a0610;color:#fff;overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}
.bg{
  position:fixed;inset:0;z-index:0;
  background:#120a18 url("images/bg.jpg") center 18% / cover no-repeat;
}
.veil{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(10,6,16,.12) 0%,rgba(10,6,16,.05) 40%,rgba(10,6,16,.45) 70%,rgba(8,4,12,.9) 100%),
    radial-gradient(ellipse at 50% 35%,transparent 30%,rgba(0,0,0,.28) 100%);
}
.page{
  position:relative;z-index:2;min-height:100dvh;
  max-width:480px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;
  padding:0 20px 28px;
}
.cta{
  margin-top:42vh;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-width:min(270px,82vw);min-height:54px;padding:0 26px;
  border-radius:999px;text-decoration:none;color:#fff;font-weight:800;
  font-size:17px;letter-spacing:.05em;
  background:linear-gradient(180deg,#6ad0ff 0%,#3a96ff 50%,#1f73e8 100%);
  box-shadow:0 10px 28px rgba(24,120,255,.48), inset 0 1px 0 rgba(255,255,255,.38);
  animation:pulse 2.4s ease-in-out infinite;
}
.cta:active{transform:scale(.97)}
.cta-icon{
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;
}
.hint{
  margin-top:12px;font-size:14px;color:rgba(255,255,255,.85);font-weight:600;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.banner{
  margin-top:auto;width:100%;
  border-radius:16px;padding:2px;
  background:linear-gradient(90deg,#ff4fd8,#ffd84d);
  box-shadow:0 0 26px rgba(255,79,216,.38),0 0 18px rgba(255,216,77,.22);
}
.banner-inner{
  border-radius:14px;padding:16px 18px;text-align:center;
  background:rgba(10,6,18,.84);backdrop-filter:blur(10px);
}
.line1{
  font-size:clamp(22px,6.2vw,28px);font-weight:900;letter-spacing:.02em;
  color:#fff;text-shadow:0 0 16px rgba(255,90,200,.9),0 2px 6px rgba(0,0,0,.65);
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.heart{color:#ff4fd8;filter:drop-shadow(0 0 8px #ff4fd8)}
.line2{
  margin-top:4px;font-size:clamp(18px,5.2vw,24px);font-weight:800;
  color:#ffe566;text-shadow:0 0 14px rgba(255,220,80,.75),0 2px 6px rgba(0,0,0,.55);
}
@keyframes pulse{
  0%,100%{box-shadow:0 10px 28px rgba(24,120,255,.42), inset 0 1px 0 rgba(255,255,255,.35)}
  50%{box-shadow:0 14px 38px rgba(24,120,255,.65), inset 0 1px 0 rgba(255,255,255,.45)}
}