@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#050711;--panel:#0b0f1e;--text:#f5f7ff;--muted:#9299ad;--line:#20263a;--accent:#9cff57}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(5,7,17,.84);backdrop-filter:blur(14px)}.logo{font:700 22px 'Space Grotesk';letter-spacing:.08em}.logo span{color:var(--accent)}nav{display:flex;gap:34px;color:var(--muted);font-size:14px}nav a{padding:28px 0;border-bottom:2px solid transparent}nav a:hover,nav .active{color:#fff;border-color:var(--accent)}.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:calc(100vh - 76px);padding:10vh 7vw;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,#28365e55 0,transparent 33%),radial-gradient(circle at 15% 80%,#5b2a4d25 0,transparent 30%)}.stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:83px 83px}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--accent);font-weight:800}.hero h1,.page-hero h1{font:700 clamp(54px,8vw,112px)/.93 'Space Grotesk';letter-spacing:-.055em;margin:22px 0}.hero h1 span,.page-hero h1 span{color:#7f879c}.lead{max-width:580px;color:var(--muted);font-size:18px}.actions{display:flex;gap:14px;margin-top:34px}.btn{padding:14px 22px;border-radius:8px;font-weight:700;font-size:14px}.primary{background:var(--accent);color:#071006}.ghost{border:1px solid #3a4155}.orbit-visual{position:absolute;right:3vw;width:min(47vw,650px);height:min(47vw,650px);display:grid;place-items:center}.planet{width:37%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9da8c5,#4c5b79 32%,#171c2e 68%);box-shadow:0 0 80px #6379b844}.ring{position:absolute;width:82%;height:25%;border:1px solid #8794b855;border-radius:50%;transform:rotate(-22deg)}.ring2{width:65%;height:18%;border-color:#9cff5750;transform:rotate(28deg)}
.section{padding:110px 7vw;max-width:1400px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-head h2{font:600 clamp(32px,4vw,58px)/1 'Space Grotesk';margin:10px 0}.section-head>p{max-width:400px;color:var(--muted)}.cards{display:grid;gap:16px}.three{grid-template-columns:repeat(3,1fr)}.card,.mission{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:14px}.icon{font-size:28px;color:var(--accent)}.card h3{font:700 42px 'Space Grotesk';margin:24px 0 8px}.card p,.mission p,.planet-card p{color:var(--muted)}.quote{padding:100px 7vw;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,#080c19,#101729)}.quote-mark{font-size:60px;color:var(--accent);line-height:.5}.quote blockquote{font:600 clamp(40px,6vw,76px) 'Space Grotesk';margin:25px 0 5px}.quote p{color:var(--muted)}
.page{min-height:calc(100vh - 160px)}.page-hero{padding:100px 7vw 70px;max-width:1000px}.page-hero h1{font-size:clamp(58px,8vw,100px)}.page-hero>p:last-child{color:var(--muted);max-width:650px;font-size:17px}.timeline{max-width:1050px;margin:0 auto 100px;padding:0 7vw}.timeline article{display:grid;grid-template-columns:150px 1fr;gap:35px;padding:38px 0;border-top:1px solid var(--line)}.year{font:700 27px 'Space Grotesk';color:var(--accent)}.timeline h2,.mission h2,.planet-card h2{font:600 30px 'Space Grotesk';margin:0 0 8px}.timeline p{margin:0;color:var(--muted);max-width:680px}.mission-grid,.planet-grid{max-width:1200px;margin:0 auto 110px;padding:0 7vw;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mission{min-height:290px}.mission-num{color:#555d72;font:600 14px 'Space Grotesk'}.tag{display:inline-block;margin-top:30px;border:1px solid #333a4d;padding:7px 10px;border-radius:20px;color:#b9c0d2;font-size:12px}.planet-card{min-height:270px;border:1px solid var(--line);border-radius:14px;padding:28px;display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:center;background:#090d1a}.planet-card small{color:var(--muted);font-size:10px;letter-spacing:.14em}.ball{width:115px;height:115px;border-radius:50%;box-shadow:inset -25px -18px 35px #0008,0 0 30px #ffffff0d}.p-mercury .ball{background:#8e8a84}.p-venus .ball{background:#c98d51}.p-earth .ball{background:linear-gradient(135deg,#4b87b7 35%,#6d9955 36%,#263f74 62%,#4a8eaf)}.p-mars .ball{background:#a94d3d}.p-jupiter .ball{background:linear-gradient(#b98766 0 14%,#e4c09b 15% 30%,#8f624e 31% 42%,#d9b68f 43% 58%,#9b6b52 59%)}.p-saturn .ball{background:#c9ad78;position:relative}.p-saturn .ball:after{content:"";position:absolute;width:155px;height:40px;border:7px solid #b99e6d99;border-radius:50%;left:-20px;top:37px;transform:rotate(-12deg)}
footer{border-top:1px solid var(--line);padding:28px 7vw;display:flex;justify-content:space-between;color:#626a7e;font-size:12px}
@media(max-width:800px){nav{display:none}.menu{display:block}.header{padding:0 5vw}.hero{padding:70px 6vw;min-height:720px}.orbit-visual{right:-25vw;top:45%;width:90vw}.hero-content{max-width:100%}.three,.mission-grid,.planet-grid{grid-template-columns:1fr}.section{padding:75px 6vw}.section-head{display:block}.section-head>p{margin-top:25px}.timeline{padding:0 6vw}.timeline article{grid-template-columns:90px 1fr;gap:15px}.planet-card{grid-template-columns:90px 1fr}.ball{width:80px;height:80px}.p-saturn .ball:after{width:110px;height:28px;left:-15px;top:27px}.page-hero{padding:75px 6vw 50px}footer{padding:25px 6vw;display:block}footer span{display:block;margin:4px 0}}

/* Testing */
.testing-page{padding-bottom:100px}.test-categories{max-width:1200px;margin:0 auto;padding:0 7vw;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.test-category{position:relative;text-align:left;color:var(--text);font:inherit;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:32px;min-height:240px;cursor:pointer;transition:.25s}@media (hover:hover) and (pointer:fine){.test-category:hover{transform:translateY(-4px);border-color:var(--accent);background:#10172a}}.category-num{color:var(--accent);font:700 13px 'Space Grotesk';letter-spacing:.12em}.test-category h2{font:600 26px 'Space Grotesk';line-height:1.15;margin:24px 0 12px}.test-category p{color:var(--muted);margin:0 0 28px}.start-test{font-weight:800;color:var(--accent)}.quiz-wrap,.result-wrap{max-width:900px;margin:0 auto;padding:0 7vw}.back-btn{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0 0 24px}.quiz-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.quiz-top h2{font:600 34px 'Space Grotesk';margin:8px 0 22px}.progress-text{color:var(--accent);font-weight:800}.progress-bar{height:4px;background:#1a2133;margin-bottom:26px;border-radius:10px;overflow:hidden}.progress-bar div{height:100%;background:var(--accent);transition:.25s}.quiz-card,.result-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:36px}.question-number{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em}.quiz-card h3{font:600 28px/1.3 'Space Grotesk';margin:16px 0 28px}.answers{display:grid;gap:10px}.answer{width:100%;text-align:left;padding:18px 20px;border-radius:10px;background:#0e1424;border:1px solid #283149;color:var(--text);font:inherit;cursor:pointer}.answer.selected{border-color:var(--accent);background:#17201b}@media (hover:hover) and (pointer:fine){.answer:hover{border-color:var(--accent);background:#17201b}}.answer{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.quiz-actions{display:flex;justify-content:space-between;margin-top:28px}.score{font:700 clamp(64px,12vw,120px) 'Space Grotesk';color:var(--accent);line-height:1;margin:28px 0}.review{margin:34px 0}.review-item{padding:20px;margin:12px 0;border-left:3px solid #596277;background:#090d19}.review-item.ok{border-color:var(--accent)}.review-item.bad{border-color:#d86c6c}.review-item p{margin:8px 0;color:#c5cada}.review-item small{color:var(--muted)}@media(max-width:760px){.test-categories{grid-template-columns:1fr}.quiz-card,.result-card{padding:22px}.quiz-card h3{font-size:23px}.quiz-top{display:block}.quiz-actions{gap:10px}.header nav{gap:18px;font-size:12px}}

.sols-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(20,31,55,.35),rgba(7,10,18,0));}
.sols-section .actions{margin-top:28px}


/* SOLS test selector */
.test-categories{display:block;max-width:1050px}.test-category{min-height:0;padding:0;overflow:hidden;margin-bottom:14px}.category-head{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;text-align:left;color:var(--text);font:inherit;background:transparent;border:0;padding:28px 30px;cursor:pointer}.category-head h2{margin:0 0 8px}.category-head p{margin:0 0 10px}.chevron{font-size:28px;color:var(--accent);transition:.25s}.test-category.open .chevron{transform:rotate(180deg)}.category-menu{display:none;border-top:1px solid var(--line);padding:10px 18px 18px;background:#080c17}.test-category.open .category-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-menu a{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border:1px solid #283149;border-radius:10px;background:#0e1424;font-weight:700;transition:.2s}@media (hover:hover) and (pointer:fine){.category-menu a:hover{border-color:var(--accent);color:var(--accent)}}
.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.result-stats>div{background:#0e1424;border:1px solid #283149;border-radius:10px;padding:18px;text-align:center}.result-stats span{display:block;font:700 44px/1 'Space Grotesk';color:var(--accent)}.result-stats small{display:block;color:var(--muted);margin-top:8px}.review h3{font:600 26px 'Space Grotesk';margin-top:35px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.result-note{color:var(--muted);padding:12px 16px;border-left:3px solid #d8b96c;background:#15120a}
@media(max-width:760px){.category-head{padding:22px;grid-template-columns:auto 1fr auto;gap:14px}.category-head h2{font-size:21px}.test-category.open .category-menu{grid-template-columns:1fr}.result-stats{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions .btn{text-align:center}}
/* Полный разбор результатов */
.review-note{color:var(--muted);margin:-10px 0 20px}
.review-item.ok{border-left-color:#32b46c;background:rgba(50,180,108,.10)}
.review-item.ok strong{color:#5fd88f}
.review-item.bad{border-left-color:#e05d5d;background:rgba(224,93,93,.10)}
.review-item.bad strong{color:#ff8080}
.review-question{font-weight:700;color:var(--text)!important}
@media(min-width:761px){.result-stats{grid-template-columns:repeat(4,1fr)}.result-stats span{font-size:36px}}

/* Emphasized SOLS testing navigation */
.header nav .sols-nav-link{color:#0b1020;background:var(--accent);padding:10px 16px;border-radius:999px;font-weight:800;box-shadow:0 0 22px rgba(150,255,177,.22);}
.header nav .sols-nav-link:hover,.header nav .sols-nav-link.active{color:#0b1020;opacity:.9;}
.test-category.unavailable{cursor:default;opacity:.82;background:linear-gradient(135deg,var(--panel),#0c1220);}
.test-category.unavailable:hover{transform:none;border-color:var(--line);background:linear-gradient(135deg,var(--panel),#0c1220);}
.category-placeholder{display:flex;flex-direction:column;align-items:flex-start;min-height:170px;}
.category-placeholder h2{font:600 26px 'Space Grotesk';line-height:1.15;margin:24px 0 12px;}
.category-placeholder p{color:var(--muted);margin:0 0 22px;}
.coming-soon{margin-top:auto;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;border:1px solid var(--line);padding:8px 12px;border-radius:999px;}
@media(max-width:760px){.header nav .sols-nav-link{padding:8px 10px;font-size:11px;}}

/* Fix for SOLS navigation and newly added test categories */
.header{gap:24px}
.header nav{align-items:center;gap:clamp(14px,2.2vw,34px);white-space:nowrap}
.header nav a{display:inline-flex;align-items:center}
.header nav .sols-nav-link{border-bottom:0;padding:9px 14px;line-height:1.2}
.header nav .sols-nav-link:hover,.header nav .sols-nav-link.active{border-bottom:0;color:#0b1020;background:var(--accent)}

/* Keep the unavailable sections aligned with the regular test cards */
.test-category.unavailable{padding:0}
.category-placeholder{padding:28px 30px;min-height:190px;width:100%}
.category-placeholder h2{margin:16px 0 10px}
.category-placeholder p{margin:0 0 22px;max-width:700px}
.coming-soon{margin-top:auto}

@media(max-width:1100px){
  .header nav{gap:18px;font-size:13px}
  .header nav .sols-nav-link{padding:8px 12px;font-size:12px}
}

@media(max-width:900px){
  .header nav{display:none}
  .menu{display:block}
}

@media(max-width:760px){
  .category-placeholder{padding:22px}
  .category-placeholder h2{font-size:21px}
}

/* Полное содержание теста */
.content-actions{margin:0 0 24px}.content-back{display:inline-flex;text-decoration:none}.test-content-list{display:grid;gap:18px}.content-question{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035);box-shadow:0 12px 35px rgba(0,0,0,.12)}.content-question-number{font-size:.78rem;letter-spacing:.12em;font-weight:700;opacity:.65;margin-bottom:10px}.content-question h2{margin:0 0 18px;font-size:1.18rem;line-height:1.45}.content-answers{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}.content-answers li{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.045);line-height:1.45}.content-answers li span{font-weight:700}.content-answers li.correct-answer{border:1px solid rgba(78,201,176,.55);background:rgba(78,201,176,.08)}.content-correct{padding:14px 16px;border-radius:12px;background:rgba(78,201,176,.12);line-height:1.5}.content-explanation{margin-top:14px;padding:14px 16px;border-left:3px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);border-radius:0 12px 12px 0;line-height:1.55}.content-hero{padding-bottom:20px}@media(max-width:700px){.content-question{padding:20px}.content-question h2{font-size:1.05rem}}
.quiz-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.quiz-timer{font-weight:700;letter-spacing:.04em;padding:9px 13px;border:1px solid rgba(117,173,255,.28);border-radius:999px;background:rgba(117,173,255,.08);white-space:nowrap}.result-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media(max-width:640px){.quiz-top{gap:16px}.quiz-meta{justify-content:flex-start;width:100%}}