*{box-sizing:border-box}
html,body{margin:0}
body{background:#0050c8;color:#fff;font:16px/1.5 'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.banner{width:100%;aspect-ratio:3/1;min-height:180px;max-height:420px;background:#015ad5 url(../../img/banner.webp) center/cover no-repeat}
.solo{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px 8px;max-width:960px;margin:0 auto;width:100%}
.pfp{display:block;width:clamp(120px,24vw,200px);height:auto;aspect-ratio:1;border-radius:50%;border:6px solid #fff;margin-top:calc(-1 * clamp(60px,12vw,100px));box-shadow:0 8px 24px rgba(0,0,0,.25);background:#0039a0}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;margin:8px 0 16px}
.gallery img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:3px solid #fff;display:block}
h1{font:400 clamp(2.2rem,8vw,4rem)/1.05 'Luckiest Guy',Impact,sans-serif;margin:18px 0 8px;letter-spacing:1px;color:#f3c25b}
.tagline{font-size:clamp(1.1rem,3.8vw,1.4rem);font-weight:700;margin:0 0 10px;max-width:36ch}
.line{font-size:clamp(1rem,3.4vw,1.2rem);margin:0 0 18px;color:#dbe6ff}
.ticker{display:inline-block;margin:18px 0 0;background:#e2231a;color:#fff;font-weight:800;padding:4px 14px;border-radius:999px;letter-spacing:1px;font-size:14px}
.ticker + h1{margin-top:10px}
.ca-soon{display:inline-block;margin:0 0 16px;background:#fff;color:#0039a0;font-weight:800;padding:10px 18px;border-radius:14px;border:2px dashed #0039a0}
.ca{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;background:#fff;color:#0b1b3f;border-radius:14px;padding:10px 14px;margin:0 0 16px;max-width:100%}
.ca-label{font-weight:800;color:#e2231a}
.ca code{font-size:14px;word-break:break-all;flex:1 1 220px;text-align:left}
.cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;border:2px solid #fff;background:transparent;color:#fff;font:700 16px 'Inter',system-ui,sans-serif;text-decoration:none;cursor:pointer}
.btn-sm{min-height:36px;padding:0 14px;font-size:14px;border-color:#0b1b3f;color:#0b1b3f}
.btn-primary{background:#f3c25b;border-color:#f3c25b;color:#0b1b3f}
.footer{text-align:center;padding:20px 16px 32px;font-size:13px;color:#dbe6ff}
.footer p{margin:0 auto;max-width:60ch}