/*
 * New-Science.ru Scientific Laboratory
 * 9 Class Hub v2
 * https://new-science.ru/lab/9-klass/
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');

:root{
  --bg:#050912;
  --panel:#091522;
  --panel2:#0c1a2c;
  --line:rgba(255,255,255,.095);
  --line-strong:rgba(83,212,255,.28);
  --text:#f4f8ff;
  --muted:#9bb0c8;
  --accent:#53d4ff;
  --accent2:#788cff;
  --green:#59d7a4;
  --orange:#ffb45e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;background:radial-gradient(circle at 12% 2%,rgba(48,113,179,.18),transparent 26%),radial-gradient(circle at 88% 18%,rgba(83,212,255,.07),transparent 27%),var(--bg)}
a{color:inherit}button,input{font:inherit}.page-shell{overflow:hidden}
.topbar{max-width:1240px;margin:auto;padding:21px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{display:block;width:208px;max-width:44vw;height:auto}.topbar nav{display:flex;gap:24px;color:var(--muted);font-size:14px}.topbar nav a{text-decoration:none}.topbar nav a:hover,.topbar nav a.active{color:var(--text)}
main{max-width:1240px;margin:auto;padding:0 28px 80px}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px;color:#8195ac;font-size:13px}.breadcrumbs a{text-decoration:none;color:#9fb4ca}.breadcrumbs a:hover{color:var(--accent)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px;padding:72px 0 58px}.eyebrow,.kicker{color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.17em}.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(48px,5.5vw,78px);line-height:1.01;letter-spacing:-.05em;margin:17px 0 23px}.hero h1 span{background:linear-gradient(90deg,var(--accent),#bdc7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:690px;color:#b5c5d8;font-size:19px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.button{min-height:50px;padding:0 21px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s ease}.button.primary{background:linear-gradient(135deg,var(--accent),#607cff);color:#03101a}.button.ghost{background:rgba(255,255,255,.03);border-color:var(--line)}.button:hover{transform:translateY(-2px)}.stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:42px}.stats div{display:flex;flex-direction:column}.stats strong{font:800 28px Manrope}.stats span{font-size:13px;color:var(--muted)}
.science-map{position:relative;min-height:520px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at center,rgba(83,212,255,.13),transparent 47%),#07111e;background-size:28px 28px,28px 28px,auto,auto}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(104,170,222,.21);border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:78%;height:54%;transform:translate(-50%,-50%) rotate(-12deg)}.orbit-b{width:54%;height:78%;transform:translate(-50%,-50%) rotate(28deg)}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#16405f,#071421 70%);border:1px solid rgba(83,212,255,.38);box-shadow:0 0 55px rgba(83,212,255,.14)}.map-core b{font:800 56px Manrope;line-height:.9}.map-core span{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px}.subject-node{position:absolute;border:1px solid var(--line);background:rgba(9,22,38,.94);color:var(--text);padding:11px 15px;border-radius:999px;cursor:pointer;transition:.2s}.subject-node small{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;border-radius:999px;background:var(--accent);color:#04101b;font-size:10px;font-weight:800}.subject-node:hover{border-color:rgba(83,212,255,.55);transform:translateY(-2px)}.active-node{border-color:rgba(89,215,164,.33);box-shadow:0 0 0 1px rgba(89,215,164,.05) inset}.n1{left:9%;top:22%}.n2{right:8%;top:20%}.n3{right:5%;bottom:22%}.n4{left:8%;bottom:20%}.n5{left:38%;top:8%}.n6{left:40%;bottom:7%}
.notice{margin:10px 0 90px;display:flex;gap:15px;align-items:flex-start;border:1px solid rgba(83,212,255,.18);border-radius:17px;padding:19px 21px;background:linear-gradient(90deg,rgba(83,212,255,.07),rgba(120,140,255,.035))}.notice>span{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:10px;background:rgba(83,212,255,.11);color:var(--accent)}.notice p{margin:4px 0 0;color:var(--muted)}
.section{margin:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:29px}.section-head h2,.how-copy h2{margin:7px 0 0;font:800 clamp(31px,4vw,46px)/1.08 Manrope;letter-spacing:-.035em}.section-head>p{max-width:500px;margin:0;color:var(--muted)}
.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.subject-card{min-width:0;min-height:245px;border:1px solid var(--line);border-radius:21px;padding:20px;background:linear-gradient(150deg,rgba(14,27,46,.94),rgba(8,17,29,.98));display:flex;flex-direction:column;text-decoration:none;transition:.22s ease}.subject-card.subject-ready{border-color:rgba(89,215,164,.27);background:radial-gradient(circle at 90% 0%,rgba(89,215,164,.08),transparent 36%),linear-gradient(150deg,rgba(14,35,45,.95),rgba(8,20,29,.98))}.subject-card.subject-ready:hover{transform:translateY(-4px);border-color:rgba(83,212,255,.38)}.subject-card.subject-flash{box-shadow:0 0 0 2px rgba(83,212,255,.35),0 0 40px rgba(83,212,255,.12)}.subject-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.subject-number{font:800 11px Manrope;color:#62778f;letter-spacing:.12em}.status{display:inline-flex;min-height:27px;align-items:center;padding:0 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.11em}.status.ready{color:var(--green);border:1px solid rgba(89,215,164,.22);background:rgba(89,215,164,.08)}.status.soon{color:var(--orange);border:1px solid rgba(255,180,94,.2);background:rgba(255,180,94,.07)}.subject-symbol{margin:29px 0 18px;font:800 37px Manrope;color:var(--accent)}.subject-card h3{font:800 21px Manrope;margin:0 0 8px}.subject-card p{margin:0 0 22px;color:var(--muted);font-size:13px}.subject-meta{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:end;border-top:1px solid var(--line);padding-top:13px}.subject-meta strong,.subject-meta span{font-size:11px}.subject-meta strong{color:#bdd0e3}.subject-ready .subject-meta span{color:var(--accent);font-weight:700}.subject-card:not(.subject-ready) .subject-meta{color:#6f849a}
.catalog-head{align-items:flex-start}.catalog-head>div:first-child{min-width:0;flex:1}.catalog-head p{color:var(--muted);max-width:680px}.catalog-tools input{width:290px;max-width:100%;min-height:48px;border:1px solid var(--line);border-radius:13px;background:#0b1728;color:var(--text);padding:0 14px;font-size:15px}.catalog-tools input::placeholder{color:#71859c}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-card{min-width:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(14,27,46,.93),rgba(8,17,30,.98));display:flex;flex-direction:column;transition:.22s ease}.lab-card:hover{transform:translateY(-4px);border-color:rgba(83,212,255,.27)}.lab-card[hidden]{display:none}.lab-visual{min-height:128px;position:relative;overflow:hidden;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(83,212,255,.14),transparent 50%),#071421;background-size:21px 21px,21px 21px,auto,auto}.lab-icon{position:absolute;left:20px;top:18px;font:800 24px Manrope;color:var(--accent)}.small-icon{left:auto;right:23px;top:18px}.visual-line{position:absolute;left:12%;right:9%;bottom:28px;height:3px;background:linear-gradient(90deg,rgba(83,212,255,.25),var(--accent));transform:rotate(-13deg);transform-origin:left center;box-shadow:0 0 14px rgba(83,212,255,.24)}.fall-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);right:34%}.f1{top:24%}.f2{top:49%;opacity:.75}.f3{top:74%;opacity:.45}.circle-orbit{position:absolute;width:78px;height:78px;border:2px solid rgba(83,212,255,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.circle-body{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);left:calc(50% + 29px);top:calc(50% - 31px);box-shadow:0 0 15px rgba(83,212,255,.5)}.force-block{position:absolute;left:26%;bottom:28px;font-size:45px;color:var(--accent)}.force-arrow{position:absolute;left:52%;bottom:46px;font:800 18px Manrope;color:var(--orange)}.gravity-visual .planet{position:absolute;border-radius:50%}.p-a{width:42px;height:42px;left:23%;top:43px;background:radial-gradient(circle at 35% 30%,#9ce9ff,#237298 65%,#0c3146)}.p-b{width:27px;height:27px;right:25%;top:50px;background:radial-gradient(circle at 35% 30%,#e6d7af,#7d6b4c 70%)}.gravity-line{position:absolute;left:34%;right:32%;top:65px;border-top:2px dashed rgba(83,212,255,.55)}.gravity-label{left:49%;top:24px;font-size:18px}.decay-visual .nucleus{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(83,212,255,.35)}.n-a{left:43%;top:52px}.n-b{left:51%;top:45px}.n-c{left:50%;top:62px;background:var(--orange)}.decay-label{left:20px;top:18px}.lab-body{padding:19px;display:flex;flex-direction:column;flex:1}.lab-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.lab-meta>span:first-child{font-size:10px;font-weight:800;letter-spacing:.11em;color:var(--accent)}.lab-card h3{font:800 19px/1.2 Manrope;margin:0 0 9px}.lab-card p{font-size:13px;color:var(--muted);margin:0 0 19px}.lab-body>a{margin-top:auto;color:var(--accent);font-size:13px;font-weight:800;text-decoration:none}.lab-body>a:hover{text-decoration:underline}.empty{text-align:center;padding:42px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:18px}.empty p{margin-bottom:0}.course-cta{margin-top:18px;padding:23px 25px;border:1px solid rgba(83,212,255,.18);border-radius:19px;background:linear-gradient(90deg,rgba(83,212,255,.055),rgba(120,140,255,.025));display:flex;align-items:center;justify-content:space-between;gap:25px}.course-cta h3{font:800 23px Manrope;margin:5px 0 4px}.course-cta p{margin:0;color:var(--muted);font-size:13px}
.upcoming-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.upcoming-grid article{border-top:1px solid var(--line);padding:18px 0}.upcoming-grid>article>span{font:800 11px Manrope;color:var(--accent);letter-spacing:.11em}.upcoming-grid h3{font:750 16px Manrope;margin:9px 0 5px}.upcoming-grid p{margin:0;color:var(--muted);font-size:12px}
.how-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px}.how-copy p{color:var(--muted);font-size:16px}.how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.how-grid article{border-top:1px solid var(--line);padding:16px 0}.how-grid b{display:block;color:var(--accent);font:800 11px Manrope}.how-grid strong{display:block;margin:7px 0 3px}.how-grid span{font-size:12px;color:var(--muted)}
.back-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:105px 0 25px}.back-links a{min-height:112px;border:1px solid var(--line);border-radius:19px;padding:20px;text-decoration:none;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}.back-links a:hover{border-color:rgba(83,212,255,.28)}.back-links small{color:var(--muted);font-size:9px;letter-spacing:.13em;margin-bottom:6px}.back-links strong{font:750 18px Manrope}
.footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:34px 28px 45px;display:flex;justify-content:space-between;gap:30px;color:var(--muted)}.footer img{width:190px;max-width:60vw}.footer p{max-width:570px;font-size:13px}.footer nav{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}.footer a{text-decoration:none;font-size:13px}.footer a:hover{color:var(--text)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:30px}.science-map{min-height:470px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-section{grid-template-columns:1fr}}
@media(max-width:720px){.topbar{padding:17px 18px}.topbar nav{display:none}.brand img{width:185px}main{padding:0 18px 60px}.breadcrumbs{margin-top:13px}.hero{padding:50px 0 40px}.hero h1{font-size:43px}.lead{font-size:17px}.science-map{min-height:410px;border-radius:25px}.map-core{width:112px;height:112px}.map-core b{font-size:44px}.subject-node{font-size:12px;padding:9px 11px}.notice{margin-bottom:70px}.section{margin:78px 0}.section-head{align-items:flex-start;flex-direction:column}.subject-grid,.lab-grid,.upcoming-grid,.how-grid{grid-template-columns:1fr}.catalog-tools,.catalog-tools input{width:100%}.course-cta{align-items:flex-start;flex-direction:column}.back-links{grid-template-columns:1fr}.footer{padding:30px 18px;flex-direction:column}}
@media(max-width:430px){.hero h1{font-size:clamp(34px,10vw,40px)}.hero-actions .button{width:100%}.stats{gap:20px}.science-map{min-height:390px}.n1{left:3%}.n2{right:2%}.n3{right:2%}.n4{left:3%}.n5{left:31%}.n6{left:33%}.subject-node small{display:none}.course-cta .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Chemistry catalog + dual course CTA */
.bond-visual .bond-atom{position:absolute;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;display:grid;place-items:center;font:800 18px Manrope;border:1px solid rgba(83,212,255,.35);background:rgba(83,212,255,.10);color:var(--text);box-shadow:0 0 22px rgba(83,212,255,.10)}
.bond-visual .bond-a{left:37%}.bond-visual .bond-b{right:29%;border-color:rgba(120,140,255,.38);background:rgba(120,140,255,.11)}
.bond-visual .bond-line{position:absolute;left:46%;right:38%;top:50%;border-top:2px dashed rgba(83,212,255,.62)}
.bond-visual .bond-label{left:auto;right:20px;top:18px;font-size:21px}
.course-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){.course-buttons{width:100%;justify-content:flex-start}.course-buttons .button{flex:1;min-width:130px}}


/* Chemistry: classes and nomenclature catalog preview */
.compounds-visual .compound-chip{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:0 10px;
  border-radius:10px;
  font:800 11px Manrope,Inter,sans-serif;
  border:1px solid rgba(83,212,255,.27);
  background:rgba(83,212,255,.08);
  color:#c7efff;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.compounds-visual .chip-oxide{left:39%;top:47px;color:var(--green);border-color:rgba(89,215,164,.28);background:rgba(89,215,164,.08)}
.compounds-visual .chip-acid{right:21px;top:19px;color:#c8d1ff;border-color:rgba(120,140,255,.32);background:rgba(120,140,255,.09)}
.compounds-visual .chip-salt{right:27%;bottom:17px;color:#ffe0ad;border-color:rgba(255,180,94,.28);background:rgba(255,180,94,.08)}


/* Chemistry: reaction classification + heat effect preview */
.reaction-visual .reaction-arrow{
  position:absolute;
  left:49%;
  top:50%;
  transform:translate(-50%,-50%);
  font:800 28px Manrope,Inter,sans-serif;
  color:var(--accent);
  text-shadow:0 0 16px rgba(83,212,255,.28);
}
.reaction-visual .reaction-product{
  position:absolute;
  right:20%;
  top:50%;
  transform:translateY(-50%);
  min-width:48px;
  min-height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(89,215,164,.3);
  border-radius:12px;
  background:rgba(89,215,164,.09);
  color:#c8f8df;
  font:800 18px Manrope,Inter,sans-serif;
}
.reaction-visual .reaction-heat{
  position:absolute;
  right:20px;
  top:18px;
  padding:5px 8px;
  border-radius:9px;
  border:1px solid rgba(255,180,94,.25);
  background:rgba(255,180,94,.08);
  color:#ffd7a2;
  font:800 12px Manrope,Inter,sans-serif;
}


/* Biology: anthropology catalog preview */
.anthropology-visual{
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 66% 48%,rgba(89,215,164,.15),transparent 48%),
    #071421;
  background-size:21px 21px,21px 21px,auto,auto;
}
.anthropology-label{color:var(--green)}
.anthro-node{position:absolute;width:13px;height:13px;border-radius:50%;background:#59d7a4;box-shadow:0 0 18px rgba(89,215,164,.38)}
.anthro-a{left:37%;top:31%}.anthro-b{left:54%;top:49%;width:16px;height:16px}.anthro-c{left:70%;top:28%;width:10px;height:10px;opacity:.8}
.anthro-path{position:absolute;height:2px;background:linear-gradient(90deg,rgba(89,215,164,.25),rgba(89,215,164,.85));transform-origin:left center}
.path-a{left:39%;top:37%;width:76px;transform:rotate(23deg)}
.path-b{left:56%;top:53%;width:70px;transform:rotate(-28deg)}
.anthro-human{position:absolute;right:18%;bottom:18px;color:#baf2dc;font-size:30px;line-height:1;filter:drop-shadow(0 0 10px rgba(89,215,164,.22))}