@font-face{font-family:"Onest"; src:url("/fonts/onest-cyr-400.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Onest"; src:url("/fonts/onest-lat-400.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Onest"; src:url("/fonts/onest-cyr-500.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Onest"; src:url("/fonts/onest-lat-500.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Onest"; src:url("/fonts/onest-cyr-700.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Onest"; src:url("/fonts/onest-lat-700.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Onest"; src:url("/fonts/onest-cyr-800.woff2") format("woff2"); font-weight:800; font-style:normal; font-display:swap; unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Onest"; src:url("/fonts/onest-lat-800.woff2") format("woff2"); font-weight:800; font-style:normal; font-display:swap; unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  color-scheme:dark;
  --bg:#050507; --surface:#0C0D10; --raise:#15171B; --line:#23262C;
  --ink:#FFFFFF; --text:#C6C9CF; --muted:#7A7F89;
  --blue:#0077FF; --blue-hover:#1A86FF;
  --danger:#FF5C5C; --danger-soft:#1F0F10;
  --font:"Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg); color:var(--text); font:16px/1.55 var(--font); font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--ink)}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue); outline-offset:2px}
::selection{background:var(--blue); color:#fff}

/* маленькая синяя подпись разрядкой, как «УРОК 1.1» */
.eyebrow{display:block; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--blue)}

input, select, textarea{width:100%; min-width:0; font:15px var(--font); color:var(--ink); background:var(--raise); border:1px solid var(--line); border-radius:10px; padding:11px 12px}
input::placeholder{color:var(--muted)}
textarea{resize:vertical; line-height:1.5}
input:focus, select:focus, textarea:focus{border-color:var(--blue); outline:none}
input[type=checkbox]{accent-color:var(--blue)}

.go{border:0; background:var(--blue); color:#fff; font:600 16px var(--font); padding:13px 18px; border-radius:10px; cursor:pointer; transition:background .15s}
.go:hover{background:var(--blue-hover)}
.go:disabled{opacity:.5; cursor:progress}
.ghost{border:1px solid var(--line); background:transparent; color:var(--ink); font:500 14px var(--font); padding:9px 14px; border-radius:10px; cursor:pointer; transition:border-color .15s}
.ghost:hover{border-color:var(--muted)}
.linkbtn{color:var(--blue); font:500 14px var(--font); background:none; border:0; padding:0; cursor:pointer; text-decoration:none}
.linkbtn:hover{color:var(--blue-hover)}
[hidden]{display:none !important}