@font-face{
  font-family:'Cabin';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url(fonts/cabin-latin-wght.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  color-scheme:dark;
  --bg:#0C211D;
  --text:#D4EAE3;
  --muted:#9fc2bb;
  --faint:#74998f;
  --heading:#fff;
  --accent:#26B0A0;
  --accent-ink:#08312c;
  --accent-soft:#7fe0d3;
  --line:rgba(38,176,160,.2);
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(760px 600px at 85% -10%,rgba(38,176,160,.24),rgba(38,176,160,0) 70%),
    radial-gradient(640px 560px at 0% 100%,rgba(38,176,160,.12),rgba(38,176,160,0) 70%),
    var(--bg);
  background-attachment:fixed;
  color:var(--text);
  font:400 17px/1.65 'Cabin',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}

main{
  flex:1;
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:56px 24px 40px;
}

.logo{display:block;height:30px;width:auto;margin-bottom:64px}

.pill{
  display:inline-flex;align-items:center;gap:9px;
  border:1px solid rgba(38,176,160,.3);
  background:rgba(38,176,160,.08);
  padding:7px 14px;border-radius:999px;
  font-size:13px;font-weight:600;color:var(--accent-soft);
  margin:0 0 24px;
}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}

h1{
  font-size:clamp(34px,7vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.02em;
  color:var(--heading);margin:0 0 22px;
}
.lead{font-size:clamp(17px,2.4vw,19px);color:var(--muted);margin:0 0 32px;max-width:620px}

.button{
  display:inline-block;
  background:var(--accent);color:var(--accent-ink);
  padding:15px 26px;border-radius:11px;
  font-weight:700;font-size:16px;text-decoration:none;
  box-shadow:0 10px 30px rgba(38,176,160,.3);
}
.button:hover{background:var(--accent-soft)}
a:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}

.en{margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}
.en h2{font-size:clamp(22px,4vw,28px);font-weight:700;line-height:1.2;color:var(--heading);margin:0 0 12px}
.en p{color:var(--muted);margin:0 0 12px;max-width:620px}
.en a{color:var(--accent-soft);font-weight:600}

footer{
  width:100%;max-width:760px;margin:0 auto;
  padding:24px 24px 32px;
  font:400 13px/1.6 ui-monospace,Menlo,Consolas,monospace;color:var(--faint);
}

@media (max-width:480px){
  main{padding:40px 16px 32px}
  footer{padding:24px 16px 28px}
  .logo{margin-bottom:48px}
  .en{margin-top:48px}
}