:root{--bg: #0b0f1a;--fg: #e2f0ff;--accent: #00ff9c;--accent2: #00e0ff;--muted: #9aa3b2;--danger: #ff4d6d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:VT323,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 20%,#0d1327,#060913 60%);color:var(--fg)}.crt{position:relative;min-height:100%}.crt:after{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px,transparent 2px,transparent 4px);mix-blend-mode:overlay}.container{max-width:1100px;margin:0 auto;padding:24px}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.15);background:#060913b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar .brand{font-family:"Press Start 2P",cursive;color:var(--accent);letter-spacing:1px}.navbar nav{display:flex;gap:18px}.navbar a{color:var(--fg);text-decoration:none;padding:6px 10px;border:1px solid transparent;border-radius:6px}.navbar a:hover{border-color:#ffffff26}.navbar a.active{color:#001218;background:linear-gradient(90deg,var(--accent),var(--accent2));text-shadow:none}h1,h2,h3{font-family:"Press Start 2P",cursive;letter-spacing:.5px;line-height:1.25}.lead{color:var(--muted);font-size:1.4rem}.muted{color:var(--muted)}.cta-row{display:flex;gap:16px;margin:16px 0 8px}.btn{display:inline-block;color:#001218;background:linear-gradient(90deg,var(--accent),var(--accent2));text-decoration:none;padding:10px 14px;border-radius:8px;font-weight:700}.btn:hover{filter:brightness(1.1)}.lo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;list-style:none;padding:0}.lo-card{border:1px solid rgba(255,255,255,.15);padding:16px;border-radius:10px;background:#0c101c99}.lo-card h3 a{color:var(--fg);text-decoration:none}.lo-card h3 a:hover{color:var(--accent)}.module-list{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.module-card{border:1px solid rgba(255,255,255,.15);padding:16px;border-radius:10px;background:#0c101c99}.module-card h3 a{color:var(--fg);text-decoration:none}.module-card h3 a:hover{color:var(--accent2)}.footer{margin-top:40px;padding:24px;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.1)}.resources{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.resource{border:1px solid rgba(255,255,255,.15);padding:12px;border-radius:10px;background:#0c101c99}.resource .resource-main{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.resource a{color:var(--fg);text-decoration:none}.resource a:hover{color:var(--accent)}.badge{display:inline-block;border:1px solid rgba(255,255,255,.2);padding:2px 8px;border-radius:999px;font-size:.9rem;color:var(--muted)}.badge.type{border-color:var(--accent);color:var(--accent)}.badge.duration{border-color:var(--accent2);color:var(--accent2)}.badge.lo{border-color:#f7cf00;color:#f7cf00;cursor:help}.badge.lo:hover{background:#f7cf001a}.resource.required{box-shadow:inset 0 0 0 1px #00ff9c26}.resource.optional{opacity:.95}.badge.module{border-color:#ffffff40;color:var(--fg)}.badge.req{border-color:#ffffff40}.badge.req.required{border-color:var(--accent);color:var(--accent)}.badge.req.optional{border-color:#888;color:#bbb}.notes{color:var(--muted);margin-top:4px}.tooltip{position:relative;display:inline-block;padding:2px 8px 2px 0}.tooltip-content{position:absolute;left:50%;transform:translate(-50%) translateY(-8px);bottom:100%;white-space:normal;background:#0b0f1a;color:var(--fg);border:1px solid rgba(255,255,255,.2);padding:6px 8px;border-radius:6px;z-index:20;width:max-content;max-width:300px}@media (max-width: 640px){.navbar nav{gap:10px}.btn{width:100%;text-align:center}.cta-row{flex-direction:column}}