:root{--bg:#090f15;--panel:#101b24;--text:#eef3f7;--muted:#a6b4c2;--mint:#8bf5b1;--cyan:#48dfeb;--line:#29404b;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);font:16px/1.5 Inter,Arial,sans-serif;background:radial-gradient(ellipse at 80% 10%,#15313a44,transparent 45%),linear-gradient(#28404d21 1px,transparent 1px),linear-gradient(90deg,#28404d21 1px,transparent 1px),var(--bg);background-size:auto,32px 32px,32px 32px,auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.wrap{max-width:1420px;width:calc(100% - 80px);margin:auto}.symbols{position:absolute;width:0;height:0;overflow:hidden}.topbar{position:sticky;top:0;z-index:20;background:#090f15f5;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:22px;min-height:78px}.brand{display:flex;align-items:center;gap:17px;white-space:nowrap}.brand img{width:43px;height:43px;object-fit:contain;transform:scale(1.5)}.brand b{font:800 29px ui-monospace,Consolas,monospace;letter-spacing:-1px}.brand b span{color:var(--cyan)}.divider{height:30px;width:1px;background:#607b85}.parent{font:12px ui-monospace,monospace;color:var(--muted)}nav{margin-left:auto;display:flex;gap:30px;font-size:15px}nav a:hover,.text-link:hover{color:var(--mint)}.button{min-height:44px;padding:11px 23px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:750;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#082319}.outline{background:transparent;border-color:var(--mint);color:var(--mint)}.header-button{margin-left:24px;font-size:14px}.breadcrumbs{display:flex;gap:15px;font:13px ui-monospace,monospace;margin:24px 0;color:var(--mint)}.breadcrumbs a{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:27px 0 45px;align-items:center}.prompt,.eyebrow{font:13px ui-monospace,Consolas,monospace;color:var(--mint);letter-spacing:.07em}.prompt{font-size:16px;margin:0 0 20px}.prompt span{margin-right:10px}h1{font-size:clamp(32px,3.5vw,54px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 22px;font-weight:800}.lead{font-size:20px;line-height:1.5;color:#b9c7d2;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{background:none;border:none;padding:0;color:var(--text);display:inline-flex;align-items:center;gap:16px}.text-link span{color:var(--mint);font-size:24px}.terminal{border:1px solid #58968e;border-radius:10px;background:#0a141c;box-shadow:0 15px 70px #0005;position:relative}.terminal:before,.terminal:after{content:'';position:absolute;width:20px;height:20px;border:1px solid var(--mint);pointer-events:none}.terminal:before{top:-9px;left:-9px;border-right:0;border-bottom:0}.terminal:after{bottom:-9px;right:-9px;border-top:0;border-left:0}.terminal-bar{height:40px;display:flex;align-items:center;gap:8px;background:#192a34;border-bottom:1px solid var(--line);padding:0 16px;border-radius:10px 10px 0 0;font:12px ui-monospace,monospace}.terminal-bar i{width:10px;height:10px;border-radius:50%;background:#ff817c}.terminal-bar i:nth-child(2){background:#ffd16f}.terminal-bar i:nth-child(3){background:#81efae}.terminal-bar span{margin-left:20px}.terminal-bar small{margin-left:auto;color:var(--muted)}.terminal-content{min-height:230px;position:relative;overflow:hidden;padding:24px 22px}.terminal-lines{position:relative;z-index:1;font:clamp(12px,1.25vw,18px)/1.6 ui-monospace,Consolas,monospace}.terminal-lines p{margin:5px 0}.terminal-lines p:last-child{margin-top:24px}.terminal-octopus{position:absolute;right:-12px;bottom:-68px;width:260px;opacity:.17}.mint,.terminal-ready{color:var(--mint)}.cyan{color:var(--cyan)}.cursor{animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;border-bottom:1px solid var(--line);gap:25px}.principles span{display:flex;justify-content:center;gap:20px}.principles span+span{border-left:1px solid var(--line)}.principles b{color:var(--mint);font:14px ui-monospace,monospace}.catalog{padding-top:36px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;text-transform:uppercase;margin:0 0 10px}h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0}h3{line-height:1.25}.muted{color:var(--muted)}.mono{font:12px ui-monospace,monospace}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filters button{font:13px ui-monospace,monospace;padding:9px 18px;border-radius:6px;color:var(--text);border:1px solid #48616d;background:#0d1720}.filters button:hover{border-color:var(--mint)}.filters button.active{background:var(--mint);border-color:var(--mint);color:#10271b}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course{position:relative;padding:21px 22px 17px;min-height:208px;border:1px solid #405d67;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 100% 80%,#17504840,transparent 75%),#0d1820;transition:border-color .2s,transform .2s}.course:hover{border-color:#80b9ae;transform:translateY(-3px)}.course:before{content:'';position:absolute;right:-50px;top:-45px;width:220px;height:220px;border:1px solid #34695f40;border-radius:40% 60% 38% 62%;box-shadow:0 0 0 13px #34695f13,0 0 0 26px #34695f13,0 0 0 39px #34695f13;transform:rotate(-25deg);pointer-events:none}.course[hidden]{display:none}.tag{position:relative;display:inline-block;font:10px ui-monospace,monospace;color:#93e8ef;border:1px solid #42808d;border-radius:4px;padding:3px 8px}.tag.security{color:#ffda87;border-color:#8d7542}.course h3{position:relative;max-width:80%;font-size:21px;margin:13px 0 10px;letter-spacing:-.4px}.course p{position:relative;font-size:13px;color:#c0cbd3;max-width:80%;margin-bottom:28px}.course-icon{position:absolute;right:20px;top:48px;width:64px;height:64px;stroke:var(--mint);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.cyan-card .course-icon{stroke:var(--cyan)}.course-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;font:11px ui-monospace,monospace;color:var(--muted);gap:10px}.soon{display:flex;align-items:center;gap:8px;color:var(--mint)}.soon i{width:5px;height:5px;background:var(--mint);border-radius:50%}.practice{margin:30px 0 0;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #4d9d9c;border-radius:10px;background:linear-gradient(100deg,#173b3066,#0a141c)}.practice h2{font-size:25px}.practice p:last-child{color:var(--muted);font-size:14px;margin:9px 0 0}.routes{display:flex;justify-content:space-between;gap:32px;padding:50px 0}.routes h2{font-size:25px}.routes p{font-size:14px}.route-buttons{display:flex;align-items:center;gap:12px}.route-buttons button{border:1px solid var(--line);background:#101d26;border-radius:7px;color:var(--mint);padding:14px;font:12px ui-monospace,monospace}.route-buttons button:hover{border-color:var(--mint)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0 35px;font:11px ui-monospace,monospace;color:var(--muted)}.footer-brand{color:var(--text)}.footer-brand span{color:var(--mint)}dialog{width:min(650px,calc(100% - 30px));max-height:85dvh;overflow:auto;background:#111e28;border:1px solid #527f80;border-radius:16px;padding:30px;color:var(--text)}dialog::backdrop{background:#02060cbb;backdrop-filter:blur(5px)}dialog h2{font-size:25px;padding-right:20px}.close{position:absolute;right:12px;top:10px;border:none;background:transparent;color:var(--muted);font-size:28px}.email{margin:25px 0;background:#0a121a;border:1px solid var(--line);border-radius:8px;padding:18px;font-size:13px}.email hr{border:0;border-top:1px solid var(--line)}.fake-link{color:var(--cyan);overflow-wrap:anywhere}.answers{display:grid;gap:9px}.answers button{border:1px solid #3a525d;background:#152632;padding:13px;text-align:left;color:var(--text);border-radius:6px;font-size:14px}.answers button:hover{border-color:var(--mint)}.answers button:disabled{cursor:default;opacity:.55}#feedback{padding:15px;border:1px solid var(--mint);border-radius:7px;margin-top:18px;color:var(--mint);font-size:14px}.reset-practice{margin-top:20px;color:var(--cyan)}@media(max-width:1150px){.parent{display:none}.wrap{width:calc(100% - 48px)}nav{gap:20px}.hero{gap:28px}h1{font-size:38px}.course h3{font-size:19px}.course-icon{width:45px;right:15px;opacity:.5}.route-buttons{flex-direction:column;align-items:stretch}}@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:12px;padding:14px 0}.brand b{font-size:25px}.brand img{width:32px;height:32px}.header-button{margin-left:auto;padding:8px 12px;min-height:38px;font-size:12px}.header-inner nav{order:3;width:100%;justify-content:center;margin:0;font-size:13px}.hero{grid-template-columns:1fr;padding:20px 0 25px}.terminal-lines{font-size:15px}.terminal-content{min-height:210px}.hero-copy h1{font-size:clamp(32px,6vw,46px)}.lead{font-size:17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.principles{gap:15px}.principles span{font-size:12px;display:block;text-align:center;padding:0 8px}.principles b{display:block;margin-bottom:8px}.routes{flex-direction:column}.route-buttons{flex-direction:row}.practice{padding:22px;align-items:flex-start}.practice h2{font-size:22px}footer{flex-wrap:wrap}html{scroll-padding-top:145px}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}.cards{grid-template-columns:1fr}.course{min-height:205px}.course h3{font-size:22px}.course-icon{width:60px;opacity:.7}.hero-actions{gap:18px;flex-wrap:wrap}.terminal-lines{font-size:12px}.terminal-bar span{margin-left:8px}.terminal-bar small{display:none}.practice{flex-direction:column}.filters{gap:7px}.filters button{padding:8px 11px;font-size:11px}.route-buttons{flex-direction:column}h2{font-size:27px}.breadcrumbs{font-size:11px}footer{flex-direction:column}.desktop{display:none}dialog{padding:24px 18px}.section-top{align-items:flex-end}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Цвет результата практикума */
.answers button.answer-wrong:disabled {
  opacity: 1;
  color: #ffb4bb;
  border-color: #ff7585;
  background: #381e2a;
}
.answers button.answer-correct:disabled {
  opacity: 1;
  color: #b5ffd0;
  border-color: #8bf5b1;
  background: #17362b;
}
#feedback.is-error {
  color: #ffb4bb;
  border-color: #ff7585;
  background: #381e2a;
}
#feedback.is-success {
  color: #b5ffd0;
  border-color: #8bf5b1;
  background: #17362b;
}