:root{
  --navy:#0A1838; --card:#12244D; --card-2:#172C5B;
  --yellow:#FFC72C; --orange:#FF9A2E; --text:#FFFFFF; --muted:#C9D3EA;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  min-height:100vh; color:var(--text);
  font-family:'Poppins',system-ui,sans-serif;
  background-color:var(--navy);
  background-image:url(assets/pattern.svg),
    radial-gradient(ellipse 80% 40% at 90% 0%,rgba(255,199,44,.10),transparent 70%),
    radial-gradient(ellipse 70% 35% at 0% 100%,rgba(255,154,46,.08),transparent 70%),
    linear-gradient(180deg,#0C1B3F 0%,#081430 100%);
  background-size:300px 300px,100% 100%,100% 100%,100% 100%;
  background-attachment:scroll,fixed,fixed,fixed;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:480px;margin:0 auto;padding:28px 20px 36px;display:flex;flex-direction:column;gap:22px}
.display{font-family:'Baloo 2',system-ui,sans-serif;font-weight:800}
a{color:var(--yellow)}
.footer{display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:20px;margin-top:6px}
.footer i{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block}