:root{--ink:#242044;--green:#7047eb;--paper:#faf8ff;--muted:#706880;--line:#e7def6;--lime:#ffca66}
body{background:radial-gradient(ellipse at 5% 8%,#ffe0ec 0,transparent 34%),radial-gradient(ellipse at 95% 18%,#dce5ff 0,transparent 40%),#faf8ff}
header{height:100px}nav a{padding:8px 13px;border-radius:30px;background:#ffffffb8}nav a:last-child{background:#272044;color:white}.brand-mark{background:linear-gradient(135deg,#9560ff,#5575ff);box-shadow:0 5px 14px #8252ea33}.brand-sub{color:#807297}
.hero{gap:45px;padding:32px 0 65px;min-height:600px}.hero h1{font-size:clamp(40px,4.5vw,64px);font-weight:900;letter-spacing:-3px;background:linear-gradient(110deg,#302251 5%,#8144e4 62%,#ee6f91);background-clip:text;color:transparent}.hero .eyebrow{color:#7b43d7}.eyebrow>span{background:#ff8f70;box-shadow:0 0 0 5px #ffe4d9}.hero strong{color:#7945cf}.primary{background:linear-gradient(110deg,#8850eb,#4b79f2);box-shadow:0 8px 20px #8054dd30;border-radius:30px}.primary:hover{background:#6036d3}
.science-art{min-height:500px;border-radius:140px 40px 100px 40px;isolation:isolate;background:linear-gradient(145deg,#f2dbff,#cad7ff);box-shadow:15px 18px 0 #e5d7fc,0 24px 65px #7047eb22;border:6px solid white;overflow:hidden}.teacher-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 25%;z-index:1}.dna,.science-art .art-card,.art-label,.orbit{display:none}.teacher-badge{position:absolute;z-index:2;bottom:25px;left:22px;padding:15px 23px;background:#ffffffed;border:1px solid white;border-radius:17px;font-size:9px;letter-spacing:2px;color:#7957a7;box-shadow:0 8px 24px #291e4d20;transform:rotate(-4deg)}.teacher-badge strong{font-size:20px;letter-spacing:-.5px;color:#34244d}
.classroom{border:0;padding-top:45px}.classroom .eyebrow{color:#ed7184}.section-heading h2{font-weight:900;font-size:32px}.filters{padding:5px;background:#efe8fb;border-radius:30px}.filters button{border-radius:25px}.filters .active{background:linear-gradient(120deg,#8850ed,#687afa)}.search{border-radius:30px;padding:11px 17px;box-shadow:0 4px 15px #6955ae08}.lesson-grid{gap:24px}.lesson{border:2px solid white;border-radius:23px;box-shadow:0 6px 22px #5a438911}.lesson:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 15px 30px #7047eb25}.tile-art{height:160px;color:white;background:linear-gradient(135deg,#ac72f8,#6d65ef)}.lesson:nth-child(4n+2) .tile-art{background:linear-gradient(135deg,#55aafa,#536de9)}.lesson:nth-child(4n+3) .tile-art{background:linear-gradient(135deg,#ffab7b,#f5739f)}.lesson:nth-child(4n+4) .tile-art{background:linear-gradient(135deg,#f3bd48,#fa8d68)}.tile-art::before{width:165px;height:165px;border:25px solid #ffffff18;transform:translate(35px,20px)}.tile-symbol{font-size:66px;text-shadow:0 5px 16px #3d217a30}.week-pill{background:white;color:#5a3c8f;border-radius:20px;padding:4px 11px;font-weight:800}.tile-tag{opacity:.85}.tile-copy{padding:21px}.tile-copy h3{font-size:17px}.tile-copy small{color:#8b54d2}.tile-copy p{font-size:12px}.tile-action button{color:#7950d1}.tile-action{border-color:#f0e9f9}.guide{background:linear-gradient(120deg,#eee6ff,#ffe9ee);border:0;border-radius:28px;padding:38px;margin:25px 0 55px}.guide li>span{color:#b879e9}.material-link{color:#7542cc;border-color:#d5c3f2;background:#f4ecff;border-radius:12px}.note{background:#eee6ff}.lesson-nav button{color:#7948d4}dialog::backdrop{background:#21183eaa}.pending{opacity:.8}button:focus-visible,a:focus-visible{outline-color:#ab67ff}
@media(max-width:1000px){nav{gap:8px}.hero{gap:25px}.science-art{min-height:430px}}
@media(max-width:720px){header{height:88px;padding:0 18px}.brand{font-size:20px}nav{gap:4px}nav a{padding:6px 8px;font-size:10px}.hero{gap:30px}.hero h1{font-size:45px}.science-art{min-height:380px;border-radius:80px 30px 70px 30px;margin-right:10px}.teacher-photo{object-position:center 28%}.lesson-grid{gap:13px}.tile-art{height:135px}.tile-copy{padding:14px}.tile-copy h3{font-size:14px}.section-heading h2{font-size:25px}.guide{padding:25px}.teacher-badge{bottom:20px}.brand-sub{display:none}}
.science-art{background:radial-gradient(circle at 30% 20%,#7d59e9,transparent 65%),linear-gradient(145deg,#272652,#4255a5);border-radius:40px;color:white}.science-art .dna{display:block;top:130px;left:26%;height:290px;z-index:2}.science-art .orbit{display:block;border:2px solid #a6ccff66;width:340px;height:340px;top:100px;left:14%}.science-art .orbit-two{transform:rotate(50deg) scaleX(.65);border-color:#ffb6dc66}.rung i{background:#ff9fce}.rung i+i{background:#83e3ff}.rung::before{background:#ff9fce;box-shadow:0 0 12px #ff9fce}.rung::after{background:#83e3ff;box-shadow:0 0 12px #83e3ff}.science-title{position:absolute;left:28px;top:26px;font-size:12px;letter-spacing:4px;font-weight:800}.science-title span{display:block;font-size:24px;letter-spacing:-1px;margin-top:7px}.science-chip{position:absolute;z-index:3;border:1px solid #ffffff66;background:#252344bb;padding:10px 15px;border-radius:15px;font-size:12px;box-shadow:0 8px 20px #15113133}.chip-a{top:125px;right:20px;transform:rotate(5deg)}.chip-b{bottom:30px;left:20px;transform:rotate(-5deg)}.science-art .art-card{display:none}@media(max-width:720px){.science-art .dna{top:95px;left:27%}.science-art .orbit{top:65px;left:12%;width:280px;height:280px}.science-title span{font-size:22px}.chip-a{top:100px;font-size:10px}.chip-b{bottom:20px}}
:root{--ink:#e0e8ee;--paper:#0c141d;--muted:#91a0ad;--line:#273543;--green:#78bec5}body{background:#0c141d;color:#e0e8ee}header{border-bottom:1px solid #273543}nav a{background:transparent;color:#b1bdc8}nav a:last-child{background:#1a2b39;border:1px solid #35495a}.brand-mark{background:#243947;box-shadow:none}.hero h1{background:none;color:#e6edf2;font-weight:800}.hero .eyebrow,.hero strong,.tile-copy small{color:#78bec5}.eyebrow>span{background:#78bec5;box-shadow:none}.primary{background:#b9dadb;color:#14232c;box-shadow:none;border-radius:5px}.science-art{border:1px solid #2b4253;border-radius:8px;box-shadow:none;background:#111c27;min-height:500px}.dna-structure{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}.filters{background:#15232f;border:1px solid #293c4c;border-radius:5px}.filters button{border-radius:3px}.filters .active{background:#2b4555}.search,select{background:#13212d;color:#d3e2e9;border-color:#304454;border-radius:5px}.search input{color:#e4ecf1}.lesson{background:#121f2b;border:1px solid #293b4a;border-radius:8px;box-shadow:none}.lesson:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0003;border-color:#618e9c}.tile-art,.lesson:nth-child(n) .tile-art{background:linear-gradient(135deg,#203442,#152432);color:#86bac5}.tile-art::before{border:1px solid #54768555}.week-pill{background:#0d1b26;color:#b1d2db;border:1px solid #355363;border-radius:4px}.tile-action{border-color:#2b3a49}.tile-action button{color:#a3cbd3}.guide{background:#142330;border:1px solid #2c4051;border-radius:8px}.guide li>span{color:#78bec5}dialog{background:#111e29;border-color:#344b5c}.note{background:#1d3040}.material-link{background:#1a3040;color:#b8d9e0;border-color:#355363}.lesson-nav button{color:#99cad3}footer{border-color:#273543}@media(max-width:720px){.science-art{min-height:0;margin:0;border-radius:8px}.hero h1{font-size:42px}.guide{padding:24px}}
.hub-section{padding:45px 0 80px;border-top:1px solid #273543}.course-entry{display:block;max-width:760px;border:1px solid #344c5d;padding:32px;background:linear-gradient(120deg,#192f3e,#101e2a);border-radius:8px;margin-top:26px}.course-entry>span{font-size:11px;letter-spacing:3px;color:#79b6c3}.course-entry h3{font-size:30px;margin:18px 0 8px}.course-entry b{color:#a4d3d8;font-size:13px}nav [aria-current=page]{border-bottom:2px solid #80bac7;border-radius:0}.course-entry:hover{border-color:#82bbc6}
.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.space-grid .course-entry{margin-top:24px;padding:25px}.space-grid h3{font-size:24px}.coming-space{background:#111f2b}.coming-space b{color:#7e8e9d}@media(max-width:850px){.space-grid{grid-template-columns:1fr}.space-grid .course-entry{margin-top:10px}}
.brand{font-size:21px;letter-spacing:-.8px}.brand-mark{font-family:Arial,sans-serif;font-size:23px;padding:0;width:40px;height:40px;border:1px solid #517988;border-radius:6px}.brand-sub{max-width:190px;font-size:10px;line-height:1.5}.science-art{display:flex;align-items:center}.science-art [hidden]{display:none!important}@media(max-width:720px){.brand{font-size:17px}.brand-mark{width:30px;height:30px;font-size:19px}nav a{font-size:10px}}
:root{--ink:#253b4c;--paper:#f3f6f8;--muted:#607585;--line:#d4dfe6;--green:#347e8a}body{background:#f3f6f8;color:#253b4c}header{border-color:#d4dfe6}.brand-mark{background:#244c60;color:#fff;border-color:#244c60}.brand-sub{color:#6b7e8b}nav a{color:#486171}nav a:last-child{background:#e4edf2;border:1px solid #ccdce5;color:#294e61}.hero h1{color:#213e51}.hero .eyebrow,.hero strong,.tile-copy small{color:#347e8a}.primary{background:#275f73;color:white}.science-art{background:#f6fafc;border:1px solid #c9dbe5;box-shadow:0 12px 32px #274b6010}.filters{background:#e4edf2;border-color:#d2dfe6}.filters .active{background:#2d6478;color:white}.search,select{background:white;color:#29495c;border-color:#cbdbe5}.search input{color:#29495c}.lesson{background:white;border-color:#d4e0e7;box-shadow:0 4px 12px #2b526008}.lesson:hover{border-color:#7fadb8;box-shadow:0 10px 25px #2b526015}.tile-art,.lesson:nth-child(n) .tile-art{background:linear-gradient(135deg,#dceaf0,#ebf2f5);color:#326d80}.tile-art::before{border-color:#79a1b244}.week-pill{background:white;color:#375f73;border-color:#bed4df}.tile-action{border-color:#deeaef}.tile-action button{color:#306d82}.guide{background:#e8f0f4;border-color:#d0e0e8}.guide li>span{color:#447f91}dialog{background:#f8fbfc;color:#294253;border-color:#c6dae4}.note{background:#e5eef3}.material-link{background:#edf5f8;color:#30677e;border-color:#bed4df}.lesson-nav button{color:#316d80}footer,.hub-section{border-color:#d1dfe6}.course-entry,.coming-space{background:white;border-color:#ccdde5;box-shadow:0 5px 18px #244e6010}.course-entry>span{color:#457d90}.course-entry b{color:#2f7085}.coming-space b{color:#7c8d98}.course-entry:hover{border-color:#6095a8}
.molecule-frame{border:0;width:100%;height:610px;background:#f8fbfc}.science-art{min-height:0;background:#f8fbfc}.hero{grid-template-columns:1fr 1.15fr}@media(max-width:720px){.hero{grid-template-columns:1fr}.molecule-frame{height:590px}}

.space-intro{padding:65px 0 35px}.space-intro h1{font-size:42px;letter-spacing:-2px;margin:16px 0}.elective-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{gap:20px;max-width:1440px}nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}.brand-sub{display:none}nav a{white-space:nowrap;font-size:12px;padding:8px 10px}@media(max-width:850px){header{height:auto;min-height:96px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}nav{width:100%;justify-content:flex-start;gap:5px}nav a{font-size:11px;padding:6px 8px}.elective-grid{grid-template-columns:1fr}.space-intro{padding:35px 0 20px}.space-intro h1{font-size:32px}}

.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.science-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.science-tabs button{border:1px solid #c6d9e3;background:white;color:#36596d;border-radius:7px;padding:12px 21px;font:inherit;cursor:pointer}.science-tabs button.active{background:#2c6178;color:white;border-color:#2c6178}.secondary-tabs button{padding:9px 15px;font-size:13px}.unit-area{border-top:1px solid #d7e2e8;border-bottom:1px solid #d7e2e8;padding:25px 0;margin:25px 0}.empty-state{padding:25px;border:1px dashed #bfced8;border-radius:8px;background:#f8fafb;color:#69808f}.science-library{padding-top:30px}.science-library #chosenUnit{font-size:25px}.science-library .year-label select{min-width:130px}@media(max-width:600px){.science-tabs{gap:6px}.science-tabs button{padding:10px 13px;font-size:13px}.library-heading h2{font-size:22px}.library-heading{align-items:flex-start}}
[hidden]{display:none!important}