:root{--eth-bg:#070b14;--eth-panel:#101827;--eth-panel2:#0d1522;--eth-text:#edf2ff;--eth-muted:#9ba9bf;--eth-line:#26344d;--eth-cyan:#22d3ee;--eth-violet:#8b5cf6;--eth-gold:#f5c35b}
body.eth-page{--course-bg:var(--eth-bg);--course-panel:var(--eth-panel);--course-panel-2:var(--eth-panel2);--course-text:var(--eth-text);--course-muted:var(--eth-muted);--course-line:var(--eth-line);--course-accent:var(--eth-cyan);--course-accent-2:var(--eth-violet);--course-gold:var(--eth-gold)}
.eth-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.eth-orb{aspect-ratio:1;max-width:430px;margin-inline:auto;border:1px solid rgba(142,162,255,.28);border-radius:44% 56% 58% 42%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(139,92,246,.33),rgba(34,211,238,.08) 42%,transparent 68%);box-shadow:0 0 90px rgba(139,92,246,.2);position:relative}.eth-diamond{font-size:clamp(6rem,16vw,12rem);line-height:1;color:#b9c5ff;text-shadow:0 0 34px rgba(139,92,246,.55)}
.eth-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.eth-stat{border:1px solid var(--eth-line);border-radius:16px;padding:14px;background:rgba(16,24,39,.82)}.eth-stat strong{display:block;font-size:1.7rem;color:var(--eth-cyan)}.eth-stat span{font-size:.78rem;color:var(--eth-muted)}
.eth-access{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.eth-access a{border:1px solid var(--eth-line);border-radius:20px;padding:22px;background:linear-gradient(150deg,var(--eth-panel),var(--eth-panel2));text-decoration:none;min-height:180px}.eth-access a:hover,.eth-access a:focus-visible{border-color:var(--eth-cyan);outline:none}.eth-access .label{color:var(--eth-cyan);font-weight:950;letter-spacing:.12em;font-size:.78rem}.eth-access h3{font-size:1.35rem;margin:10px 0}.eth-access p{color:var(--eth-muted);margin:0}
.eth-progress{border:1px solid var(--eth-line);background:var(--eth-panel);border-radius:20px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.eth-progress__track{height:10px;border-radius:999px;background:var(--eth-line);overflow:hidden;margin-top:8px}.eth-progress__track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--eth-cyan),var(--eth-violet))}.eth-progress button{border:1px solid var(--eth-line);background:var(--eth-panel2);color:var(--eth-text);border-radius:10px;padding:9px 12px;cursor:pointer}
.eth-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.eth-lab{border:1px solid var(--eth-line);background:linear-gradient(150deg,var(--eth-panel),var(--eth-panel2));border-radius:18px;padding:18px;text-decoration:none;min-height:220px;display:flex;flex-direction:column}.eth-lab:hover,.eth-lab:focus-visible{border-color:var(--eth-cyan);outline:none}.eth-lab__num{color:var(--eth-cyan);font-weight:950;letter-spacing:.12em}.eth-lab h2{font-size:1.15rem;margin:10px 0}.eth-lab p{color:var(--eth-muted);margin:0}.eth-lab__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.eth-lab__tags span{font-size:.72rem;border:1px solid var(--eth-line);border-radius:999px;padding:4px 7px;color:var(--eth-muted)}
.eth-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eth-resource{border:1px solid var(--eth-line);border-radius:20px;background:var(--eth-panel);padding:22px}.eth-resource h2{margin-top:0}.eth-resource p{color:var(--eth-muted)}
@media(max-width:900px){.eth-hero{grid-template-columns:1fr}.eth-orb{max-width:320px}.eth-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.eth-stats,.eth-access,.eth-resource-grid,.eth-lab-grid{grid-template-columns:1fr 1fr}.eth-access a{min-height:0}.eth-progress{grid-template-columns:1fr}}
@media(max-width:460px){.eth-stats,.eth-access,.eth-resource-grid,.eth-lab-grid{grid-template-columns:1fr}}