#instructions{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000023b3;padding:10px 20px;border-radius:30px;z-index:10;text-align:center;animation:fadeInOut 3s ease-in-out infinite}#instructions p{margin:0;color:#fff;font-size:1em}@keyframes fadeInOut{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}body{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}#header{position:fixed;top:10px;left:10px;z-index:20;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);max-width:40%;background-color:transparent;padding:0;border-radius:0;animation:fadeIn 1s ease-out;transition:transform .3s ease}#header:hover{transform:scale(1.05)}#header h1{margin:0;font-size:2.5em;color:#fff;text-shadow:0 0 15px rgba(100,217,255,.8),0 0 25px rgba(70,200,255,.5);animation:glow 3s ease-in-out infinite alternate,pulse 6s ease-in-out infinite;cursor:default}.subtitle{margin-top:5px;font-size:1.2em;color:#ccc;text-shadow:0 0 10px rgba(255,255,255,.3);animation:fadeInSlide 1.5s ease-out;opacity:.9}.subtitle .highlight{color:#64d9ff;font-weight:700;text-shadow:0 0 12px rgba(100,217,255,.7);animation:colorPulse 4s infinite alternate}.subtitle .accent{color:#ff9800;font-weight:700;text-shadow:0 0 12px rgba(255,152,0,.7);animation:colorPulse 4s infinite alternate-reverse}@keyframes colorPulse{0%{color:#64d9ff;text-shadow:0 0 12px rgba(100,217,255,.7)}50%{color:#9c27b0;text-shadow:0 0 12px rgba(156,39,176,.7)}to{color:#4caf50;text-shadow:0 0 12px rgba(76,175,80,.7)}}@keyframes glow{0%{text-shadow:0 0 10px rgba(100,217,255,.6),0 0 20px rgba(100,217,255,.3)}to{text-shadow:0 0 20px rgba(100,217,255,.9),0 0 30px rgba(70,200,255,.7),0 0 40px rgba(50,180,255,.4)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes fadeInSlide{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:.9}}.planet-info{display:none;position:fixed;left:1%;top:15%;width:35%;max-height:75vh;z-index:10;border-radius:10px;overflow:hidden;animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.planet-info-content{position:relative;background-color:#000c;padding:20px 25px;border-radius:10px;max-width:100%;margin:0;color:#fff;max-height:75vh;overflow-y:auto;box-shadow:0 0 20px #ffffff1a;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.2);-webkit-overflow-scrolling:touch}.planet-info-content::-webkit-scrollbar{width:8px}.planet-info-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.planet-info-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.planet-info-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.close-btn{color:#ffffe0;float:right;font-size:28px;font-weight:700;transition:color .3s}.close-btn:hover,.close-btn:focus{color:#fff;cursor:pointer}h2{color:#ffffe0;margin-top:0;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:10px}p{color:#fff;line-height:1.5}.section-icon{font-size:1.2em;margin-right:8px}.skill-bar{height:8px;background:rgba(255,255,255,.2);border-radius:4px;margin:5px 0 15px;overflow:hidden}.skill-level{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);border-radius:4px}.project-item{margin-bottom:20px;padding:15px;border-radius:5px;overflow:hidden}.project-title{font-weight:700;font-size:1.1em;display:block;margin-bottom:5px}.project-title:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background-color:#ffffe0;transition:width .3s}.project-item:hover .project-title:after{width:100%}.resume-button{transition:all .3s ease;box-shadow:0 4px 6px #0000001a;display:inline-block!important;background:#4CAF50;color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;font-weight:700;margin-top:15px;margin-bottom:10px;text-align:center}.resume-button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0003;background:#5cb85c!important}.contact-link{display:block;margin:10px 0;padding:10px;border-radius:5px;text-decoration:none;color:#fff;transition:all .3s ease;overflow:hidden}.contact-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}#planet-nav{position:fixed;bottom:20px;right:20px;background-color:#000023cc;padding:15px;border-radius:10px;box-shadow:0 0 15px #ffffff4d;z-index:10;max-width:200px;transition:all .3s ease;animation:fadeIn .8s ease-out;transform-origin:bottom right}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#planet-nav:hover{box-shadow:0 0 20px #ffffff80;transform:scale(1.02)}#planet-nav h3{color:#fff;margin-top:0;margin-bottom:10px;font-size:1.1em;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}#planet-nav ul{list-style:none;padding:0;margin:0}#planet-nav li{color:#ccc;padding:6px 10px;cursor:pointer;transition:all .2s ease;border-radius:5px;margin-bottom:3px;font-size:.9em}#planet-nav li:hover{background-color:#ffffff1a;color:#fff;transform:translate(-5px)}#planet-nav li.active{background-color:#ffff6433;color:#ffffe0;font-weight:700}.planet-icon{display:inline-block;margin-right:8px;font-size:.9em;text-shadow:0 0 5px rgba(255,255,255,.5);transition:all .3s ease}#planet-nav li:hover .planet-icon{transform:scale(1.3)}#planet-nav li.active .planet-icon{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.highlight-pulse{animation:pulse 2s infinite}#keyboard-controls{display:none!important;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000023b3;padding:10px 15px;border-radius:30px;z-index:10;text-align:center;animation:fadeIn .8s ease-out}.key-hint{margin:5px 0;display:flex;align-items:center}.key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background-color:#ffffff26;border-radius:4px;margin-right:8px;padding:0 5px;font-family:monospace;font-weight:700;box-shadow:0 2px #ffffff1a;transition:all .15s ease}.key-active{background-color:#ffff644d;transform:translateY(2px);box-shadow:0 0 #ffffff1a}.touchpad-hint{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.touchpad-icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-right:8px;font-size:1em;animation:scrollHint 2s infinite}@keyframes scrollHint{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@media (max-width: 768px){#header{max-width:70%;width:auto;top:10px;left:10px;text-align:left;padding:0;box-sizing:border-box}#header h1{font-size:1.8em}.subtitle{font-size:1em}.planet-info{left:5%;width:90%;top:90px;max-height:calc(100vh - 110px)}.planet-info-content{padding:15px}.project-item,.contact-link{margin-bottom:15px;padding:10px}div[style*="display:flex"],div[style*="display: flex"]{flex-wrap:wrap!important}div[style*="flex:1"],div[style*="flex: 1"]{flex:1 1 100%!important;min-width:100%!important}#keyboard-controls,#instructions{display:none!important}}.planet-info-content div[style*="display:flex"],.planet-info-content div[style*="display: flex"]{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:space-between!important;width:100%!important}.planet-info-content div[style*="flex:1"],.planet-info-content div[style*="flex: 1"]{flex:1 1 45%!important;min-width:45%!important;margin-bottom:10px!important}.planet-info-content .project-item{width:100%!important;box-sizing:border-box!important;margin-bottom:15px!important}.planet-info-content a{display:inline-block!important;text-decoration:none!important}.planet-info-content div[style*="text-align:center"],.planet-info-content div[style*="text-align: center"]{width:100%!important;margin:15px 0!important;clear:both!important}.planet-info-content p,.planet-info-content div,.planet-info-content span,.planet-info-content a{max-width:100%!important;overflow-wrap:break-word!important}.planet-info-content .project-item{width:100%!important;box-sizing:border-box!important;margin-bottom:15px!important;overflow:visible!important}.planet-info-content h2{margin-top:10px;margin-bottom:15px;padding-bottom:10px;font-size:1.5em}.resume-button{margin:15px auto!important;display:inline-block!important;clear:both!important;position:relative!important;z-index:5!important}@media (max-width: 480px){#header h1{font-size:1.5em}.subtitle{font-size:.9em}.planet-info{top:70px}.planet-info-content{padding:12px}.planet-info-content h2{font-size:1.3em}.resume-button,.contact-link{padding:8px!important;font-size:.9em!important}}