*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,sans-serif;overflow-x:hidden;min-height:100vh;position:relative;transition:all 1.5s ease-in-out}.night-mode{background:radial-gradient(circle at center,#0a0a2e,#1a1a3e,#001);color:#e0e0ff}.day-mode{background:linear-gradient(135deg,#1f2a38,#3a4a5e,#5a6a7e);color:#2a2a2a}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 4s linear infinite;opacity:0;transition:opacity 1.5s ease-in-out}.night-mode .stars{opacity:1}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.spacecraft{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out}.night-mode .spacecraft{opacity:1}.spacecraft:before,.spacecraft:after{content:"🛸";position:absolute;font-size:20px;animation:drift 15s linear infinite}.spacecraft:before{top:20%;left:-50px;animation-delay:-5s}.spacecraft:after{top:60%;left:-50px;animation-delay:-12s;animation-duration:20s}@keyframes drift{0%{transform:translate(-50px)}to{transform:translate(calc(100vw + 50px))}}.clouds{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out}.day-mode .clouds{opacity:.3}.clouds:before,.clouds:after{content:"☁️";position:absolute;font-size:30px;animation:float 20s linear infinite}.clouds:before{top:15%;left:-60px;animation-delay:-8s}.clouds:after{top:30%;left:-60px;animation-delay:-15s;animation-duration:25s}@keyframes float{0%{transform:translate(-60px)}to{transform:translate(calc(100vw + 60px))}}.birds{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out}.day-mode .birds{opacity:.6}.birds:before,.birds:after{content:"🐦";position:absolute;font-size:16px;animation:fly 12s linear infinite}.birds:before{top:25%;left:-40px;animation-delay:-3s}.birds:after{top:45%;left:-40px;animation-delay:-9s;animation-duration:15s}@keyframes fly{0%{transform:translate(-40px) translateY(0)}25%{transform:translate(25vw) translateY(-10px)}50%{transform:translate(50vw) translateY(5px)}75%{transform:translate(75vw) translateY(-5px)}to{transform:translate(calc(100vw + 40px)) translateY(0)}}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#1a1a3ed9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-right:1px solid rgba(0,255,102,.3);z-index:1000;transition:left .3s ease-in-out;overflow-y:auto;padding:1rem}.day-mode .sidebar{background:#3f4a5ed9;border-right:1px solid rgba(255,255,255,.3)}.sidebar.open{left:0}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.sidebar-backdrop.active{opacity:1;visibility:visible}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,102,.3)}.sidebar-nav{display:flex;flex-direction:column;gap:1rem}.sidebar-btn{width:100%;text-align:left;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,102,.5),transparent);margin:1rem 0}.sidebar-title{color:#0f6;font-size:1rem;font-weight:600;text-align:center;margin:1rem 0 .5rem;text-shadow:0 0 10px #00ff66}.main-content{position:relative;z-index:2;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0}.container{width:100%;max-width:100%;margin:0;padding:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.header{width:100%;padding:2rem 1rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.header-controls{position:absolute;top:1rem;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#0f6,#00cc52);color:#0f0f2e;padding:1rem 1.5rem;border:none;border-radius:8px;text-decoration:none;font-family:Rajdhani,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:48px;min-width:48px;text-align:center;width:100%;max-width:300px;margin:.5rem auto}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0f66}.btn:focus{outline:2px solid #00ff66;outline-offset:2px}.sidebar-toggle-btn,.mode-toggle-btn{background:#0f63;border:1px solid rgba(0,255,102,.5);color:#0f6;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover,.mode-toggle-btn:hover{background:#00ff664d;transform:scale(1.05)}.glow-text{font-size:2rem;color:#0f6;text-shadow:0 0 10px #00ff66,0 0 20px #00ff66,0 0 40px #00ff66;animation:glowPulse 2s ease-in-out infinite alternate;font-weight:700;margin-bottom:.5rem;text-stroke:1px rgba(255,255,255,.3);-webkit-text-stroke:1px rgba(255,255,255,.3);text-align:center}.subtitle-glow{font-size:1.2rem;color:#6f9;text-shadow:0 0 5px #66ff99,0 0 15px #66ff99;font-weight:500;margin-bottom:1rem;text-stroke:.5px rgba(255,255,255,.2);-webkit-text-stroke:.5px rgba(255,255,255,.2);text-align:center}.section-title{font-size:1.8rem;margin-bottom:2rem;text-stroke:1px rgba(255,255,255,.2);-webkit-text-stroke:1px rgba(255,255,255,.2);text-align:center}@keyframes glowPulse{0%{text-shadow:0 0 5px #00ff66,0 0 15px #00ff66,0 0 25px #00ff66}to{text-shadow:0 0 10px #00ff66,0 0 25px #00ff66,0 0 50px #00ff66}}.hero-text{font-size:1rem;margin-bottom:2rem;opacity:.9;font-weight:400;text-align:center;max-width:90%}.robo-avatar{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.robo-icon{font-size:3rem;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 0 10px #00ff66)}.robo-speech{background:#00ff661a;border:1px solid rgba(0,255,102,.3);border-radius:20px;padding:1rem 1.5rem;font-style:italic;position:relative;max-width:90%;text-align:center}.robo-speech:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(0,255,102,.3)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.grid,.missions-grid,.guides-grid{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0;width:100%;align-items:center}.tool-card,.mission-card,.guide-card,.contact-card{background:#1a1a3e4d;border:1px solid rgba(0,255,102,.3);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;width:100%;max-width:350px;text-align:center}.day-mode .tool-card,.day-mode .mission-card,.day-mode .guide-card,.day-mode .contact-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.tool-card:hover,.mission-card:hover,.guide-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0f63;border-color:#0f69}.card-title,.mission-title,.guide-title{font-size:1.3rem;font-weight:600;color:#0f6;margin-bottom:1rem;text-shadow:0 0 5px #00ff66;text-align:center}.tool-links{display:flex;flex-direction:column;gap:.75rem;align-items:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-btn{background:linear-gradient(90deg,#0f6c,#fff6,#0f6c);background-size:200% 100%;animation:shimmer 3s infinite;border:1px solid rgba(0,255,102,.5)}.glitter-link{position:relative;overflow:hidden}.glitter-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.glitter-link:hover:before{left:100%}.glitter-link:after{content:"✨";position:absolute;top:50%;right:-20px;transform:translateY(-50%);opacity:0;transition:all .3s ease;pointer-events:none}.glitter-link:hover:after{opacity:1;right:10px}.mission-btn{margin-top:1rem;width:100%;max-width:250px}.mission-content{margin-top:1rem;padding:1rem;background:#00ff660d;border-radius:8px;border:1px solid rgba(0,255,102,.2);transition:all .3s ease;text-align:left}.mission-content.hidden{display:none}.mission-steps{text-align:left;padding-left:1rem}.mission-steps li{margin:.5rem 0;color:#e0e0ff}.day-mode .mission-steps li{color:#2a2a2a}.guide-list{text-align:left;list-style:none;padding:0}.guide-list li{margin:.5rem 0;padding-left:1.5rem;position:relative}.guide-list li:before{content:"▶";position:absolute;left:0;color:#0f6}.contact-card{max-width:350px;margin:0 auto;text-align:center}.robo-contact-avatar{margin-bottom:1.5rem}.robo-icon-large{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 0 15px #00ff66)}.robo-title{font-size:1.8rem;font-weight:700;color:#0f6;text-shadow:0 0 10px #00ff66;margin-bottom:.5rem}.robo-subtitle{font-size:1rem;opacity:.8;margin-bottom:1rem}.contact-description{margin-bottom:2rem;line-height:1.6}.contact-btn{font-size:1.1rem;padding:1rem 2rem;font-weight:700;max-width:280px}.footer{margin-top:4rem;padding:3rem 1rem 2rem;background:#0a0a2e80;border-top:1px solid rgba(0,255,102,.3);width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.day-mode .footer{background:#3f4a5e80;border-top:1px solid rgba(255,255,255,.3)}.footer-title{font-size:1.8rem;margin-bottom:2rem;text-align:center}.footer-nav{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%;align-items:center}.footer-btn{width:100%;max-width:300px;padding:1rem;font-size:.9rem}.footer-copyright{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,255,102,.2);opacity:.7;font-size:.9rem;text-align:center}.section{margin:2rem 0;padding:2rem 1rem;width:100%;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.container{max-width:600px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.missions-grid,.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.footer-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.glow-text{font-size:2.5rem}.subtitle-glow{font-size:1.5rem}.section-title{font-size:2rem}}@media (min-width: 1024px){.sidebar{width:250px;left:-250px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.btn{border:2px solid #00ff66}.glow-text{text-shadow:none;color:#0f6;border:1px solid #00ff66;padding:.5rem}}@media print{.sidebar,.header-controls,.background-container{display:none}.main-content{margin-left:0}.glow-text,.section-title{color:#000;text-shadow:none}}