*,::before,::after{box-sizing: border-box;}
:root {
  --bg:oklch(14.1% 0.005 285.823);
  --fg:oklch(98.5% 0 0);
  --muted:oklch(55.2% 0.016 285.938);
  --btn:oklch(27.4% 0.006 286.033);
  --blue:oklch(62.3% 0.214 259.815);
}
html,body{margin:0}
body{font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; color:var(--fg); background:var(--bg);}
a{color:var(--blue);}
.wrap{max-width:480px; margin:0 auto; padding:0 20px;}
.wrap.center{display:flex; flex-direction:column; text-align:center; align-items:center;}
.wrap-full{min-height:80vh; display: flex; flex-direction:column; text-align:center; align-items:center; justify-content:center; background: linear-gradient(180deg, #3861C2 0%, var(--bg) 50%);}
header{padding-top:48px; margin-bottom:24px; background: linear-gradient(180deg, #3861C2 0%, var(--bg) 100%);}
header img{width:216px; height:216px; border-radius:8px; margin-bottom: 24px; filter:drop-shadow(0px 4px 60px rgba(0, 0, 0, 0.05));}
h1{font-size:clamp(28px, 5vw, 44px); line-height:1.1; margin:0; font-weight: 800;}
p{line-height:1.6; color:var(--muted)}
.buttons{display:flex; flex-direction: column; gap:16px; margin-top: 32px;}
.btn {background:var(--btn); border-radius:16px;}
.btn img{height:64px;}
.btn.light{background:var(--card); color:var(--fg)}
.btn.patreon{background:linear-gradient(180deg, rgba(255, 66, 77, 0.8) 0%, rgba(255, 112, 86, 0.8) 100%);}
footer.wrap{margin-top:24px; padding-bottom:48px; font-size:14px; color:var(--muted)}