/* Minimal landing page with gradient underline + eye glint hero */
:root{ --bg:#ffffff; --ink:#111; --muted:#666; --line:#e5e5e5; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
line-height:1.6}
.wrap{max-width:900px;margin:0 auto;padding:32px 20px;
display:flex;flex-direction:column;align-items:center;min-height:100dvh}
.title{font-size:48px;font-weight:700;letter-spacing:.5px;margin-top:8px}
.hero{margin:24px 0 8px}
.hero img{width:360px;max-width:80vw;height:auto;display:block;border:1px solid var(--line);border-radius:8px}
.lines{margin:8px 0 16px;text-align:center}
.lines p{margin:8px 0;font-size:28px}

.foot{
  margin-top:auto;color:var(--muted);text-align:center;border-top:1px solid var(--line);
  padding-top:16px;font-size:14px;position:relative;display:inline-block;
}
.foot::after{
  content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;
  background:linear-gradient(90deg,#9945FF,#14F195,#00BBFF);
  opacity:0.25;border-radius:2px;
}
@media(max-width:520px){
  .title{font-size:40px}
  .lines p{font-size:24px}
  .hero img{width:300px}
}