*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;background:#0b0c10;font-family:Inter,sans-serif;color:#c5c6c7}#galaxy-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#intro-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0b0c10}#intro-terminal{font-family:Space Grotesk,monospace;font-size:clamp(1rem,2.5vw,1.6rem);color:#66fcf1;text-shadow:0 0 8px rgba(102,252,241,.6)}.cursor{animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud *{pointer-events:auto}#hud-header{position:absolute;top:24px;left:36px;font-family:Rajdhani,sans-serif}#hud-header h1{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;letter-spacing:2px;color:#66fcf1;text-shadow:0 0 12px rgba(102,252,241,.5)}#hud-contact{position:absolute;top:28px;right:36px;display:flex;gap:16px}#hud-contact a{color:#c5c6c7;transition:color .25s,filter .25s}#hud-contact a:hover{color:#66fcf1;filter:drop-shadow(0 0 6px #66FCF1)}#hud-nav{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}.nav-btn{background:none;border:1px solid rgba(102,252,241,.25);color:#c5c6c7;font-family:Rajdhani,sans-serif;font-size:.85rem;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;text-align:left}.nav-btn:hover,.nav-btn.active{border-color:#66fcf1;color:#66fcf1;box-shadow:0 0 12px #66fcf140;background:#66fcf10f}.nav-dot{width:6px;height:6px;border-radius:50%;background:#66fcf1;box-shadow:0 0 6px #66fcf1}#info-panel{position:absolute;right:36px;top:50%;transform:translateY(-50%);width:min(420px,80vw);max-height:70vh;overflow-y:auto;padding:28px 32px;border-radius:16px;background:#0b0c10b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(102,252,241,.2);box-shadow:0 0 30px #66fcf114;animation:panelIn .45s ease-out}@keyframes panelIn{0%{opacity:0;transform:translateY(-50%) translate(40px)}to{opacity:1;transform:translateY(-50%) translate(0)}}#panel-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#66fcf1;font-size:1.6rem;cursor:pointer;transition:transform .2s}#panel-close:hover{transform:scale(1.2)}#panel-content h2{font-family:Rajdhani,sans-serif;font-size:1.3rem;color:#66fcf1;margin-bottom:12px;letter-spacing:1px}#panel-content h3{font-family:Rajdhani,sans-serif;font-size:1.05rem;color:#45a29e;margin:14px 0 6px}#panel-content p,#panel-content li{font-size:.88rem;line-height:1.6;color:#c5c6c7}#panel-content ul{padding-left:18px;margin-bottom:8px}#panel-content li{margin-bottom:4px}.panel-divider{height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,rgba(102,252,241,.35),transparent)}.skill-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.skill-tag{padding:6px 14px;border-radius:20px;font-size:.8rem;border:1px solid rgba(102,252,241,.3);color:#66fcf1;background:#66fcf10f;transition:all .3s;cursor:default}.skill-tag:hover{background:#66fcf126;box-shadow:0 0 10px #66fcf140}#info-panel::-webkit-scrollbar{width:4px}#info-panel::-webkit-scrollbar-track{background:transparent}#info-panel::-webkit-scrollbar-thumb{background:#66fcf14d;border-radius:4px}@media(max-width:640px){#hud-nav{display:none}#info-panel{inset:auto 8px 12px;width:auto;transform:none;max-height:55vh}}