:root{color-scheme:dark;--c:#32e3ec;--g:#a9ee79;--text:#e4f5fc;--muted:#9cb7c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#12465b,#07101b 50%);color:var(--text);font:15px/1.7 system-ui}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{padding:30px 22px;background:#091825;border-right:1px solid #284053;display:flex;flex-direction:column}aside h3{font-size:17px}aside h3 b{color:var(--c)}aside small{display:block;font:10px monospace;letter-spacing:2px;color:#7795a5}nav{margin-top:50px;display:grid;gap:15px}nav a{color:#9dbcd0;text-decoration:none;padding:9px}nav a:hover{color:var(--c)}.sidebar-note{margin-top:auto;color:var(--g);font:11px monospace}.sidebar-note p{font:12px/1.6 system-ui;color:#829dad}main{padding:0 5%;min-width:0}header{height:75px;border-bottom:1px solid #254050;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8cabc0;font:11px monospace;letter-spacing:1px}header span{color:var(--g)}.hero{padding:95px 0 65px;border-bottom:1px solid #254050}.eyebrow{color:var(--c);font:12px monospace;letter-spacing:2px}h1{font-size:clamp(36px,5vw,64px);line-height:1.07;margin:20px 0}h1 em{font-style:normal;color:var(--c)}p{color:var(--muted);max-width:740px}h2{font-size:27px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0 75px}.tile{padding:25px;background:#0d2233;border:1px solid #26465b;border-radius:8px}.tile small{color:var(--c);font:11px monospace}.tile h3{margin:10px 0}.tile p{font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:35px 0 65px}.metrics strong{display:block;font-size:34px;margin-top:6px;color:#f0ffff}.metrics p{margin:0}.button,.secondary{display:inline-flex;background:var(--c);border:1px solid var(--c);color:#09202b;font-weight:800;text-decoration:none;padding:13px 20px;margin-top:15px;border-radius:4px;cursor:pointer}.secondary{background:transparent;color:#c9ecff;border-color:#49728b;margin-left:12px}.button:hover{background:#8af4fc}.secondary:hover{border-color:var(--c)}.sectionbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.sectionbar input,.modal input{background:#091927;border:1px solid #33586f;color:white;border-radius:5px;padding:13px 15px;font:inherit}#catalogue,#sources{margin:50px 0 75px}.lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.course{display:block;width:100%;background:#0d2233;border:1px solid #26465b;border-radius:7px;color:#e3f5ff;text-align:left;padding:15px 20px;font:600 14px system-ui;cursor:pointer}.course small{display:block;color:var(--c);font:10px monospace;margin-bottom:7px}.course:hover{border-color:var(--c)}.references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.references a{background:#0d2233;color:#79dce8;border:1px solid #315064;text-decoration:none;border-radius:5px;padding:14px}.references a:hover{border-color:var(--c)}footer{padding:40px 0;color:#7191a3;font:11px monospace}dialog{max-width:min(520px,95vw);width:100%;background:#0b1e2e;color:white;border:1px solid #46788b;border-radius:10px}dialog::backdrop{background:#020911dc}.modal{padding:25px;position:relative}.modal label{display:block;margin:15px 0;color:#c1d8e3}.modal input{width:100%;display:block;margin-top:5px}.modal .button{width:100%;justify-content:center}.close{position:absolute;right:12px;top:6px;border:0;background:transparent;color:#daf9fc;font-size:30px;cursor:pointer}.link{background:none;border:0;color:var(--c);cursor:pointer;padding:13px}.options{display:grid;gap:10px}.options button{background:#102a40;border:1px solid #35566e;color:white;border-radius:5px;text-align:left;padding:14px;cursor:pointer}.options button:hover{border-color:var(--c)}#authmsg,#result{color:var(--g)}@media(max-width:900px){.shell{display:block}aside{padding:12px 22px}.sidebar-note{display:none}nav{display:flex;flex-wrap:wrap;margin-top:15px}main{padding:0 20px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header span{display:none}.references,.lessons{grid-template-columns:1fr}.sectionbar{display:block}.sectionbar input{width:100%}.metrics{gap:8px}.metrics .tile{padding:14px}.metrics strong{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}