:root{--bg-primary:#0a0e17;--bg-secondary:#0f1520;--bg-card:#131a2a;--bg-terminal:#0c1018;--border:#1a2440;--border-glow:#1e3a5f;--text-primary:#c8d6e5;--text-secondary:#6b7b8d;--text-muted:#3d4f63;--accent:#c084fc;--accent-dim:#c084fc22;--accent-blue:#4a9eff;--accent-blue-dim:#4a9eff15;--red:#ff5f56;--yellow:#ffbd2e;--green:#27c93f;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-glow) var(--bg-primary)}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-blue)}::selection{background:var(--accent);color:var(--bg-primary)}#network-bg{z-index:0;opacity:.4;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.nav{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#0a0e17d9;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);color:var(--accent);font-size:1.1rem;font-weight:600}.prompt{color:var(--accent-blue)}.cursor{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.nav-links{gap:2rem;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--text-secondary);text-transform:lowercase;letter-spacing:.05em;font-size:.85rem;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text-secondary);width:22px;height:2px;transition:all .3s;display:block}.hero{z-index:1;justify-content:center;align-items:center;min-height:auto;padding:8rem 2rem 3rem;display:flex;position:relative}.hero-content{width:100%;max-width:700px}.hero-tag{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;margin-bottom:1rem;font-size:.8rem}.hero h1{color:#e8eef5;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.2}.highlight{color:var(--accent)}.hero-sub{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem}.hero-location{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.85rem;display:flex}.hero-location svg{color:var(--accent);flex-shrink:0}.terminal-block{background:var(--bg-terminal);border:1px solid var(--border);border-radius:8px;margin-bottom:2rem;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:6px;padding:10px 14px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}.dot.green{background:var(--green)}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:8px;font-size:.75rem}.terminal-body{font-family:var(--font-mono);padding:1.2rem 1.4rem;font-size:.85rem;line-height:1.8}.terminal-body p{margin-bottom:.3rem}.prompt-green{color:var(--green)}.output{color:var(--text-secondary);padding-left:1.2rem}.status-online{align-items:center;gap:8px;display:flex;color:var(--accent)!important}.status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-dim)}50%{opacity:.7;box-shadow:0 0 0 8px #0000}}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{font-family:var(--font-mono);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.7rem 1.6rem;font-size:.85rem;transition:all .25s;display:inline-block}.btn-primary{background:var(--accent);color:var(--bg-primary);font-weight:600}.btn-primary:hover{color:var(--bg-primary);box-shadow:0 0 20px var(--accent-dim);background:#d4a0ff}.btn-outline{border-color:var(--border-glow);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.section{z-index:1;padding:4rem 2rem;position:relative}.section-alt{background:var(--bg-secondary)}.container{max-width:1000px;margin:0 auto}.section-title{font-family:var(--font-mono);color:#e8eef5;margin-bottom:3rem;font-size:1.5rem;font-weight:600}.comment{color:var(--text-muted)}.about-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:3rem;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.about-stats{flex-direction:column;gap:1rem;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.2rem 1.5rem;transition:border-color .3s}.stat-card:hover{border-color:var(--border-glow)}.stat-value{font-family:var(--font-mono);color:var(--accent);font-size:1.8rem;font-weight:700}.stat-unit{font-family:var(--font-mono);color:var(--accent);font-size:1.2rem}.stat-label{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;display:block}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.8rem;transition:all .3s}.skill-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #c084fc0d}.skill-icon{width:40px;height:40px;color:var(--accent);margin-bottom:1rem}.skill-card h3{color:#e8eef5;margin-bottom:.8rem;font-size:1rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:.4rem;display:flex}.skill-tags span{font-family:var(--font-mono);background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid #4a9eff26;border-radius:4px;padding:.25rem .6rem;font-size:.7rem}.timeline{position:relative}.timeline-item{gap:1.5rem;display:flex;position:relative}.timeline-item:not(:last-child){padding-bottom:2.5rem}.timeline-node{flex-direction:column;flex-shrink:0;align-items:center;padding-top:.4rem;display:flex}.timeline-dot{background:var(--bg-primary);border:2px solid var(--accent);z-index:1;width:12px;height:12px;box-shadow:0 0 8px var(--accent-dim);border-radius:50%;flex-shrink:0}.timeline-item:first-child .timeline-dot{background:var(--accent);box-shadow:0 0 12px #c084fc4d}.timeline-line{background:linear-gradient(to bottom, var(--border-glow), var(--border));flex-grow:1;width:1px;margin-top:.5rem}.timeline-item:last-child .timeline-line{display:none}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-grow:1;padding:1.5rem 1.8rem;transition:border-color .3s}.timeline-content:hover{border-color:var(--border-glow)}.timeline-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.timeline-content h3{color:#e8eef5;margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.timeline-company{font-family:var(--font-mono);color:var(--accent);font-size:.8rem}.timeline-date{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;background:var(--accent-dim);border:1px solid #c084fc1f;border-radius:4px;flex-shrink:0;padding:.2rem .7rem;font-size:.75rem}.timeline-details{margin-bottom:1rem;list-style:none}.timeline-details li{color:var(--text-secondary);margin-bottom:.4rem;padding-left:1.2rem;font-size:.88rem;line-height:1.6;position:relative}.timeline-details li:before{content:">";color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;position:absolute;left:0}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:1.8rem;transition:all .3s;display:flex}.project-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.project-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;font-size:.7rem}.project-status{font-family:var(--font-mono);letter-spacing:.05em;border-radius:12px;padding:.2rem .6rem;font-size:.65rem}.project-status.online{color:var(--accent);background:var(--accent-dim);border:1px solid #c084fc33}.project-card h3{color:#e8eef5;margin-bottom:.6rem;font-size:1.1rem;font-weight:600}.project-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;font-size:.88rem}.project-links{margin-top:.5rem}.project-links a{font-family:var(--font-mono);font-size:.8rem}.project-detail{margin-top:1.5rem;display:none}.project-card.expanded .project-detail{animation:.35s expandIn;display:block}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-card.expanded{border-color:var(--border-glow);grid-column:1/-1;box-shadow:0 0 30px #c084fc0f}.project-card.hidden{display:none}.project-collapse-btn{margin-top:1.2rem}.term-highlight{color:var(--accent-blue);font-weight:600}.contact-wrapper{max-width:600px}.contact-links{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.contact-item{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.contact-item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.contact-item svg{flex-shrink:0}.footer{z-index:1;text-align:center;border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);padding:2rem;font-size:.75rem;position:relative}.footer .status-dot{vertical-align:middle;width:6px;height:6px}.section .container{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.section .container.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.nav-links{display:none}.nav-links.open{top:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0e17f2;flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:flex;position:absolute;left:0;right:0}.nav-toggle{display:flex}.about-grid{grid-template-columns:1fr}.about-stats{flex-flow:wrap}.stat-card{flex:1;min-width:140px}.skills-grid{grid-template-columns:1fr 1fr}.timeline-header{flex-direction:column;gap:.5rem}.timeline-date{align-self:flex-start}.hero h1{font-size:2rem}}@media (width<=480px){.skills-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.btn{text-align:center}}