@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap";:root{--bg-deep:#050c14;--bg-panel:#080f1a;--bg-panel2:#0a1520;--cyan:#00d2ff;--cyan-dim:#00a8cc;--pink:#ff2d7e;--pink-dim:#cc1f60;--green:#39ff5e;--border:#00d2ff40;--border-pink:#ff2d7e59;--font-mono:"Share Tech Mono", "Courier New", monospace;--font-head:"Orbitron", sans-serif;--glow-cyan:0 0 8px #00d2ffb3, 0 0 20px #00d2ff4d;--glow-pink:0 0 8px #ff2d7eb3, 0 0 20px #ff2d7e4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);color:#c4d8e8;width:100%;height:100%;font-family:var(--font-mono);font-size:14px;line-height:1.6;overflow:hidden}a{color:inherit;text-decoration:none}#bg-canvas{z-index:0;pointer-events:none;opacity:.35;width:100%;height:100%;position:fixed;top:0;left:0}.scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}#app{z-index:2;flex-direction:column;width:100%;max-width:1600px;height:100vh;margin:0 auto;display:flex;position:relative}.site-header{border-bottom:1px solid var(--border);background:#050c14f2;flex-shrink:0;align-items:center;gap:30px;padding:10px 20px;display:flex}.header-logo{font-family:var(--font-head);letter-spacing:1px;color:var(--cyan);align-items:center;gap:10px;font-size:.75rem;display:flex}.logo-icon{text-shadow:var(--glow-cyan);font-size:1.5rem}.logo-version{color:var(--pink)}.header-nav{font-family:var(--font-head);letter-spacing:1px;flex-grow:1;justify-content:center;gap:5px;font-size:.7rem;display:flex}.header-nav a{color:#6a8a9e;padding:5px 10px;transition:color .2s}.header-nav a:hover,.header-nav a.active{color:var(--cyan);text-shadow:var(--glow-cyan)}.header-status{color:#4a6a7e;white-space:nowrap;align-items:center;gap:8px;font-size:.75rem;display:flex}.status-text{color:var(--green);text-shadow:0 0 8px #39ff5eb3}.status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-layout{flex-grow:1;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#050a12cc;flex-direction:column;flex-shrink:0;width:200px;padding:20px 0;display:flex}.sidebar-nav{flex-direction:column;flex-grow:1;gap:2px;display:flex}.sidebar-link{font-family:var(--font-head);letter-spacing:1px;color:#4a6a7e;border-left:2px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:.7rem;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:var(--cyan);border-left-color:var(--cyan);background:#00d2ff0d}.sidebar-link.active{color:var(--cyan);text-shadow:var(--glow-cyan);border-left-color:var(--cyan);background:#00d2ff14}.link-bracket{color:var(--cyan);min-width:12px}.sidebar-status{border-top:1px solid var(--border);color:#4a6a7e;flex-direction:column;gap:6px;padding:20px;font-size:.7rem;display:flex}.content-area{scroll-behavior:smooth;flex-grow:1;padding:20px 25px;overflow-y:auto}.content-area::-webkit-scrollbar{width:4px}.content-area::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:2px}.section{display:none}.section.active{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#section-home.active{grid-template-columns:1fr 1fr;gap:20px;display:grid!important}.terminal-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;overflow:hidden;box-shadow:0 0 30px #00d2ff0d,inset 0 1px #00d2ff1a}.panel-title-bar{border-bottom:1px solid var(--border);background:#00d2ff0f;align-items:center;gap:10px;padding:8px 14px;display:flex}.panel-dots span{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.panel-dots span:first-child{background:var(--pink)}.panel-dots span:nth-child(2){background:#fc0}.panel-dots span:nth-child(3){background:var(--green)}.panel-title{font-family:var(--font-head);letter-spacing:1.5px;color:var(--cyan-dim);font-size:.65rem}.hero-panel{grid-column:1/-1;position:relative}.terminal-body{padding:20px 20px 10px}.terminal-line{margin-bottom:6px;font-size:.9rem}.blink-line{opacity:.7}.prompt{color:var(--cyan);margin-right:8px}.cursor-block{color:var(--cyan);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-chart{width:100%;height:90px;margin-top:10px;display:block}.code-panel{grid-row:2}.code-block{padding:20px;font-size:.85rem;line-height:1.8;overflow-x:auto}.code-keyword{color:var(--pink)}.code-fn{color:var(--cyan)}.code-str{color:#f9c97c}.code-num{color:#a8ff78}.code-bool{color:#ff9f43}.section-header{margin-bottom:20px}.section-title{font-family:var(--font-head);letter-spacing:3px;border-bottom:1px solid var(--border);padding-bottom:10px;font-size:1rem}.projects-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.project-card{transition:box-shadow .2s}.project-card:hover{border-color:var(--cyan-dim);box-shadow:0 0 20px #00d2ff26,inset 0 0 10px #00d2ff0d}.project-body{padding:15px 18px 18px}.project-desc{color:#8aa8bb;margin-bottom:12px;font-size:.85rem}.tag-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tag{border:1px solid var(--border-pink);color:var(--pink);font-size:.72rem;font-family:var(--font-head);letter-spacing:.5px;border-radius:2px;padding:2px 10px}.project-links{gap:15px;font-size:.78rem;display:flex}.proj-link{cursor:pointer;transition:text-shadow .2s}.proj-link:hover{text-shadow:var(--glow-cyan)}.inactive-link{color:#4a6a7e;text-shadow:none;pointer-events:none}.skills-layout{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.skills-categories{padding:18px 20px}.skill-row{color:#8aa8bb;flex-direction:column;margin-bottom:14px;font-size:.82rem;display:flex}.skill-label{color:var(--cyan);font-family:var(--font-head);letter-spacing:1px;margin-bottom:3px;font-size:.65rem}.skills-bars-panel .panel-title-bar{border-bottom-color:var(--border-pink)}.skill-bars{padding:18px 20px}.skill-bar-row{align-items:center;gap:10px;margin-bottom:14px;font-size:.78rem;display:flex}.bar-label{color:#8aa8bb;flex-shrink:0;width:130px}.bar-track{border:1px solid var(--border);background:#00d2ff1a;border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.bar-fill{height:100%;width:var(--pct);background:linear-gradient(90deg, var(--cyan-dim), var(--cyan));box-shadow:0 0 8px var(--cyan);border-radius:3px;animation:1s ease-out both barGrow}.bar-fill.bar-pink{background:linear-gradient(90deg, var(--pink-dim), var(--pink));box-shadow:0 0 8px var(--pink)}@keyframes barGrow{0%{width:0}to{width:var(--pct)}}.bar-pct{color:var(--cyan);text-align:right;width:35px;font-size:.7rem}.experience-list{flex-direction:column;gap:18px;display:flex}.exp-card:hover{border-color:var(--border-pink)}.exp-body{padding:15px 18px 18px}.exp-title{font-family:var(--font-head);margin-bottom:8px;font-size:.85rem}.exp-body p{color:#8aa8bb;margin-bottom:12px;font-size:.85rem}.contact-panel{max-width:700px}.contact-body{padding:20px 25px}.contact-link{text-decoration:underline}.contact-link:hover{text-shadow:var(--glow-cyan)}.indent{padding-left:20px}.neon-cyan{color:var(--cyan);text-shadow:var(--glow-cyan)}.neon-pink{color:var(--pink);text-shadow:var(--glow-pink)}.neon-green{color:var(--green);text-shadow:0 0 8px #39ff5eb3}.right-sidebar{border-left:1px solid var(--border);background:#050a12cc;flex-direction:column;flex-shrink:0;gap:15px;width:175px;padding:15px;display:flex;overflow-y:auto}.mini-panel .panel-title-bar{padding:6px 12px}.mini-stat{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;padding:12px 0;display:flex}.mini-stat:last-child{border-bottom:none}.stat-num{font-family:var(--font-head);font-size:1.6rem;font-weight:900;line-height:1}.stat-label{font-family:var(--font-head);letter-spacing:1px;color:#4a6a7e;margin-top:4px;font-size:.55rem}.trace-log{color:#4a6a7e;flex-direction:column;gap:5px;padding:10px 12px;font-size:.7rem;display:flex}.trace-line{align-items:center;gap:8px;display:flex}.status-bar{border-top:1px solid var(--border);color:#4a6a7e;background:#050c14f7;flex-shrink:0;align-items:center;gap:15px;padding:6px 20px;font-size:.7rem;display:flex}.spacer{flex-grow:1}.footer-links{gap:15px;font-size:.85rem;display:flex}.footer-links a{color:#4a6a7e;transition:color .2s}.footer-links a:hover{color:var(--cyan);text-shadow:var(--glow-cyan)}@media (width<=1024px){.right-sidebar{display:none}#section-home{grid-template-columns:1fr}}.mobile-nav{z-index:100;border-top:1px solid var(--border);padding:8px 0 env(safe-area-inset-bottom,8px);background:#050c14f7;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{color:#4a6a7e;font-family:var(--font-head);letter-spacing:.5px;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;font-size:.48rem;transition:color .2s;display:flex}.mobile-nav-btn .mob-icon{font-size:1.1rem;line-height:1}.mobile-nav-btn.active,.mobile-nav-btn:hover{color:var(--cyan);text-shadow:var(--glow-cyan)}.mobile-nav-btn.logout-btn{color:var(--pink-dim)}.mobile-nav-btn.logout-btn:hover{color:var(--pink);text-shadow:var(--glow-pink)}.header-exit-mobile{font-family:var(--font-head);letter-spacing:1px;align-items:center;gap:5px;font-size:.7rem;display:none}@media (width<=768px){.sidebar,.header-nav,.right-sidebar{display:none}.header-exit-mobile{display:flex}.projects-grid,.skills-layout{grid-template-columns:1fr}.mobile-nav{display:flex}.content-area{padding-bottom:70px}#section-home.active{grid-template-columns:1fr!important}html,body{overflow:auto}#app{height:auto;min-height:100vh}.main-layout,.content-area{overflow:visible}}