:root{--ink:#eef3ff;--muted:#aebadd;--panel:#111b3c;--purple:#8b5cf6;--cyan:#2dd4bf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 10%,#25306b,#081026 45%,#040817);color:var(--ink);font:16px/1.6 system-ui,sans-serif;min-height:100vh}a{color:#8fe8ff}header{display:flex;justify-content:space-between;align-items:center;padding:1rem max(5vw,20px);background:#07102bdd;border-bottom:1px solid #31406a;position:sticky;top:0;z-index:10}nav{display:flex;gap:1rem}.brand{font-weight:800;color:white;text-decoration:none}main{max-width:1050px;margin:auto;padding:4rem 24px}.hero{display:grid;grid-template-columns:3fr 2fr;align-items:center;min-height:55vh}.hero h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.98;margin:.2em 0}.hero p{font-size:1.2rem;color:var(--muted)}.planet{font-size:11rem;text-align:center;filter:drop-shadow(0 0 35px #8b5cf6)}.eyebrow{color:var(--cyan)!important;font-weight:800;letter-spacing:.15em;font-size:.8rem!important}.button,button{display:inline-block;border:0;border-radius:999px;padding:.8rem 1.2rem;background:linear-gradient(90deg,var(--purple),#5b8cff);color:white;text-decoration:none;font-weight:800;cursor:pointer}.secondary{margin-top:1rem;background:#26345f}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.card,.grid article{background:#111b3ddd;border:1px solid #33426d;border-radius:18px;padding:1.5rem;margin-bottom:1.3rem;box-shadow:0 15px 45px #0005}.module-card{overflow:hidden}.module-hero{display:block;width:calc(100% + 3rem);height:auto;aspect-ratio:16/9;object-fit:cover;margin:-1.5rem -1.5rem 1.5rem}.form{max-width:480px;margin:auto}.form label{display:block;margin:1rem 0}.form input{display:block;width:100%;margin-top:.35rem;padding:.8rem;border-radius:8px;border:1px solid #52618b;background:#081027;color:white}.error{background:#5b172c;padding:.7rem;border-radius:8px}.lesson{display:flex;gap:1rem;align-items:center;padding:1rem;background:#0a1432;border-radius:12px;margin:.6rem 0;text-decoration:none}.lesson small{display:block;color:var(--muted)}.content{white-space:normal;background:#081027;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.progress{height:14px;background:#263355;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple))}.quiz fieldset{border:0;border-top:1px solid #34436d;padding:1.2rem 0}.quiz fieldset label{display:block;padding:.35rem}.result{background:#164e48;padding:1rem;border-radius:10px;font-weight:800}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #34436d}footer{text-align:center;padding:2rem;color:var(--muted)}.reference-tools{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.reference-tools input,.reference-tools select{min-width:220px;padding:.75rem;border-radius:8px;border:1px solid #52618b;background:#081027;color:white}.table-wrap{overflow-x:auto}.lock-card{border-color:#2dd4bf}li{margin-bottom:.55rem}[hidden]{display:none!important}.order-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.order-form label{display:block;font-weight:700}.order-form input,.order-form select,.order-form textarea{display:block;width:100%;margin-top:.35rem;padding:.8rem;border-radius:8px;border:1px solid #52618b;background:#081027;color:white;font:inherit}.order-form textarea,.order-form button{grid-column:1/-1}.learning-support{margin:2rem 0}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.support-grid>article{background:#081027;border:1px solid #33426d;border-radius:14px;padding:1.2rem}.support-grid textarea{width:100%;padding:.8rem;border-radius:8px;border:1px solid #52618b;background:#111b3c;color:white;font:inherit}.tutor-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tutor-result{white-space:pre-wrap;margin-top:1rem;padding:1rem;border-radius:10px;background:#111b3c;min-height:3rem}.video-frame{position:relative;padding-top:56.25%;overflow:hidden;border-radius:10px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:650px){.hero{grid-template-columns:1fr}.planet{font-size:7rem;order:-1}header{align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}.hero h1{font-size:3rem}.order-form,.support-grid{grid-template-columns:1fr}}