@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Nunito:wght@400;600;700;800;900&display=swap";:root{--bg-space:#050810;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--accent-blue:#6366f1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-space);color:#fff;margin:0;padding:0;font-family:Nunito,sans-serif;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:inset 0 0 20px #ffffff0d}.glass-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff03 100%);border-top:1px solid #ffffff26;border-left:1px solid #ffffff14;border-radius:24px;padding:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;box-shadow:0 12px 40px #0006,inset 0 1px #fff3}.glass-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 50px #00000080,0 0 30px #6366f133,inset 0 1px #ffffff4d}.planet-node{cursor:pointer;background:radial-gradient(circle at 30% 30%,#fff3,#0000);border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:inset -10px -10px 20px #00000080,0 0 20px #6366f14d}.planet-node:after{content:"";background:linear-gradient(#fff0 0%,#ffffff1a 50%,#fff0 100%);animation:6s infinite shine;position:absolute;inset:-50%;transform:rotate(45deg)}.planet-node:hover{box-shadow:inset -10px -10px 20px #0006, 0 0 40px var(--accent-blue), 0 0 80px #6366f166;transform:scale(1.15)rotate(5deg)}.planet-node:active{transform:scale(.95)}.mentor-avatar{filter:drop-shadow(0 0 15px #fff3);transform-origin:bottom;animation:4s ease-in-out infinite floatMentor}.mentor-talk{animation:.5s ease-in-out infinite alternate bounceTalk}@keyframes floatMentor{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(-2deg)}75%{transform:translateY(-4px)rotate(2deg)}}@keyframes bounceTalk{0%{transform:scaleY(1)}to{transform:scaleY(1.05)translateY(-2px)}}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 15px #6366f133}50%{transform:scale(1.02);box-shadow:0 0 35px #6366f180}}@keyframes slideUp{0%{opacity:0;filter:blur(5px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s infinite pulse-glow}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-pop-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards popIn}.animate-spin-slow{animation:20s linear infinite spin-slow}.shimmer-text{background:linear-gradient(90deg,#fff,#a5b4fc,#fff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.btn-press{transition:transform .1s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s}.btn-press:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.btn-press:active{transform:scale(.95)translateY(0);box-shadow:0 2px 10px #6366f133}.quiz-option{border:1px solid #ffffff0d;transition:all .3s cubic-bezier(.25,.8,.25,1);background:#ffffff05!important}.quiz-option:hover:not(:disabled){border-color:#fff3;transform:translate(8px)scale(1.01);box-shadow:-5px 5px 15px #0003;background:#ffffff14!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#4f46e5,#818cf8);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6366f1,#a5b4fc)}
