@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg: #0b0b10;--accent: #ff7a18;--text: #e0e0e0;--card-bg: #1a1a20;--radius: 14px;--inactive-opacity: .4}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;min-height:100vh;text-align:center;padding:2rem}header{margin-top:3rem}h1{font-size:2.8rem;background:linear-gradient(90deg,#ff7a18,#af002d 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.tagline{margin-top:.5rem;color:#aaa;font-size:1.1rem}.topics{margin-top:4rem;width:100%;max-width:900px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-top:2rem}.card{background:var(--card-bg);border-radius:var(--radius);padding:1.8rem;cursor:pointer;transition:all .25s ease;border:1px solid transparent;opacity:var(--inactive-opacity);pointer-events:none}.card h3{color:var(--accent);margin-bottom:.6rem}.card p{color:#bbb;font-size:.95rem}.card.active{opacity:1;pointer-events:auto;border-color:var(--accent);box-shadow:0 0 12px #ff7a184d;transform:scale(1.02)}.card.active:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 0 22px #ff7a1866}.card.inactive:after{content:"🔒 Locked";display:block;margin-top:.5rem;color:#777;font-size:.85rem}footer{margin-top:auto;padding:2rem 0 .5rem;color:#777;font-size:.9rem}footer a{color:var(--accent);text-decoration:none}