:root{--bg-start: #0a0028;--bg-end: #220052;--neon-pink: #ff00d4;--neon-blue: #00eaff;--neon-yellow: #faff00}body{margin:0;background:linear-gradient(180deg,var(--bg-start),var(--bg-end));color:var(--neon-blue);font-family:Rajdhani,sans-serif;font-size:14px}h1,h2,h3{font-weight:600;margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.hero{position:relative;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.hero .hero-text{z-index:2}.hero h1{font-size:2.8rem;color:var(--neon-pink);font-weight:700;text-shadow:2px 2px 4px #000}.hero p{font-size:1rem;color:var(--neon-blue)}.hero .sun{position:absolute;top:20px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at center,var(--neon-yellow) 0%,var(--neon-pink) 60%,transparent 70%);box-shadow:0 0 50px var(--neon-pink);overflow:hidden}.hero .sun:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to top,rgba(0,0,0,.25) 0 4px,transparent 4px 8px)}.hero svg.pyramid{position:absolute;bottom:80px;width:160px;height:120px;fill:none;stroke:var(--neon-blue);stroke-width:2;filter:drop-shadow(0 0 6px var(--neon-blue))}.hero .grid{position:absolute;bottom:0;width:100%;height:50%;background:linear-gradient(to right,transparent 0 38px,rgba(0,234,255,.3) 38px 40px),linear-gradient(to top,transparent 0 38px,rgba(0,234,255,.3) 38px 40px);background-size:40px 40px;transform:perspective(200px) rotateX(60deg);transform-origin:top;filter:drop-shadow(0 0 6px var(--neon-blue))}.nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.max-w-5xl{max-width:64rem}.btn{background:transparent;border:2px solid var(--neon-blue);color:var(--neon-blue);padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn:hover{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 6px var(--neon-pink)}.btn-active{background:var(--neon-blue);color:#000}input,select{background:#0003;border:2px solid var(--neon-blue);color:var(--neon-blue);border-radius:8px;padding:.4rem .6rem;font-size:.85rem}input::placeholder{color:var(--neon-pink)}.panel{background:#0000004d;border:2px solid var(--neon-blue);border-radius:16px;padding:16px;color:var(--neon-blue)}.empty{margin-top:20px;padding:16px;border:2px dashed var(--neon-pink);border-radius:16px;text-align:center;background:#0003;color:var(--neon-blue)}.divider{border:none;height:3px;background:var(--neon-pink);margin:1rem 0}.grade-btn{border:2px solid var(--neon-blue);background:#0003;color:var(--neon-blue);border-radius:12px;padding:8px 10px;font-size:.85rem}