@font-face{font-family:Fredoka;font-weight:600;src:url(/fonts/Fredoka-600.ttf)}
@font-face{font-family:Fredoka;font-weight:700;src:url(/fonts/Fredoka-700.ttf)}
@font-face{font-family:Nunito;font-weight:400;src:url(/fonts/Nunito-400.ttf)}
@font-face{font-family:Nunito;font-weight:700;src:url(/fonts/Nunito-700.ttf)}
@font-face{font-family:Nunito;font-weight:800;src:url(/fonts/Nunito-800.ttf)}
:root{--brown:#6B4226;--espresso:#2A1A10;--cocoa:#6E5646;--cream:#FFF7EC;
  --blue:#3A86FF;--blue-dark:#1D5FCC;--blue-light:#D3E4FF;--gold:#E6B422;--card:#FFFCF7}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--espresso);
  font:400 17px/1.6 Nunito,system-ui,sans-serif}
a{color:var(--blue-dark);font-weight:700}
.tiles{background-color:var(--blue);
  background-image:linear-gradient(rgba(211,228,255,.5) 2px,transparent 2px),
    linear-gradient(90deg,rgba(211,228,255,.5) 2px,transparent 2px);
  background-size:44px 44px;background-position:-1px -1px}
header{color:#fff}
.bar{max-width:760px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;
  font:700 26px/1 Fredoka,sans-serif;margin-right:auto}
.brand img{width:40px;height:40px;border-radius:11px;box-shadow:0 0 0 3px #fff}
.langs a{color:#fff;opacity:.8;text-decoration:none;font-weight:800;margin-left:10px}
.langs a[aria-current]{opacity:1;text-decoration:underline}
.hero{max-width:760px;margin:0 auto;padding:36px 16px 56px;text-align:center}
.hero img{width:132px;height:132px;border-radius:32px;box-shadow:0 0 0 5px #fff,0 16px 34px rgba(29,95,204,.45)}
.hero h1{font:700 64px/1 Fredoka,sans-serif;margin:22px 0 10px}
.hero p{font-weight:800;font-size:21px;margin:0 auto;max-width:520px}
.soon{display:inline-block;margin-top:22px;background:var(--gold);color:var(--espresso);
  padding:10px 18px;border-radius:999px;font-weight:800}
main{max-width:760px;margin:0 auto;padding:28px 16px 40px}
main h1{font:700 36px/1.15 Fredoka,sans-serif;color:var(--brown);margin:8px 0 6px}
main h2{font:600 24px/1.2 Fredoka,sans-serif;color:var(--brown);margin:30px 0 8px}
main li{margin:6px 0}
ol.steps{padding-left:0;list-style:none;counter-reset:s}
ol.steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;margin:12px 0}
ol.steps li::before{content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;
  background:var(--blue);color:#fff;font:700 17px/30px Fredoka,sans-serif;text-align:center}
.lead{font-size:19px;color:var(--cocoa)}
.links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.links a{background:var(--card);color:var(--brown);text-decoration:none;padding:10px 16px;
  border-radius:14px;box-shadow:0 4px 0 rgba(62,37,23,.15)}
footer{max-width:760px;margin:0 auto;padding:22px 16px 40px;color:var(--cocoa);font-size:15px;
  display:flex;gap:16px;flex-wrap:wrap}
footer a{color:var(--cocoa)}
@media (max-width:520px){.hero h1{font-size:48px}main h1{font-size:30px}}