@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f15;--bg-tertiary:#12121a;--bg-card:#1a1a22;--text-primary:#e0e0e8;--text-secondary:#8888a0;--text-muted:#5a5a70;--accent:#50a080;--accent-hover:#60c090;--accent-muted:rgba(80,160,128,.15);--accent-blue:#5090c0;--accent-orange:#e07850;--border:#2a2a35;--success:#50a080;--warning:#e0a050}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;line-height:1.6;min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-logo{font-weight:700;font-size:1.25rem;color:var(--accent)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s;position:relative}.nav-links a:before{content:"./";opacity:.5}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-links a.active:after{content:" _";animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 3rem 4rem;background:radial-gradient(ellipse at 30% 20%,rgba(80,160,128,.05) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(80,144,192,.03) 0,transparent 50%)}.hero-content{max-width:700px;text-align:center}.terminal-line{color:var(--text-muted);font-size:1rem;margin-bottom:1rem}.prompt{color:var(--accent);margin-right:.5rem}.hero-name{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:.5rem;color:var(--text-primary);text-shadow:0 0 30px rgba(80,160,128,.2)}.hero-aka{font-size:.5em;font-weight:400;color:var(--text-secondary)}.hero-title{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--accent);font-weight:400;margin-bottom:1.5rem}.hero-bio{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;margin-bottom:2rem}.btn,.hero-cta{justify-content:center}.btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;font-size:.9rem;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-family:JetBrains Mono,monospace}.btn-primary{background:var(--accent);color:#0a0a0f}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 15px rgba(80,160,128,.4)}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-muted)}.hero-social{gap:1rem}.hero-social,.hero-social a{display:flex;justify-content:center}.hero-social a{align-items:center;width:44px;height:44px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);transition:all .2s}.hero-social a:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px rgba(80,160,128,.3)}.hero-social svg{width:20px;height:20px}.section{padding:6rem 3rem;max-width:900px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;color:var(--accent)}.section-header p{color:var(--text-muted);font-size:.9rem}.skills-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.skill-category{border-radius:4px;padding:1.25rem}.category-name{font-size:.75rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.category-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.skill-tag{background:var(--bg-tertiary);color:var(--text-primary);padding:.4rem .75rem;border-radius:3px;font-size:.8rem;border:1px solid var(--border);transition:all .2s}.skill-tag:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px rgba(80,160,128,.2)}.fun-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.fun-stat{text-align:center}.fun-stat-value{display:block;font-size:2rem;font-weight:700;color:var(--accent)}.fun-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.skills-container{display:none}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.skill-category h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1.25rem}.skill-list{gap:1rem}.skill-item,.skill-list{display:flex;flex-direction:column}.skill-item{gap:.5rem}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:.95rem;font-weight:500}.skill-level{font-size:.85rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.skill-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.skill-fill{height:100%;background:var(--accent);border-radius:3px;transition:width 1s ease-out}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-2rem;top:.25rem;width:12px;height:12px;background:var(--accent);border-radius:50%;transform:translateX(-5px)}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.timeline-header h3{font-size:1.1rem;font-weight:600}.timeline-period{font-size:.85rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.timeline-company{color:var(--accent);font-weight:500;margin-bottom:.75rem}.timeline-description{color:var(--text-secondary);font-size:.95rem}.certifications{margin-top:3rem;text-align:center}.certifications h3{font-size:1.25rem;margin-bottom:1.5rem}.cert-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.cert-badge{background:var(--accent-muted);color:var(--accent);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.homelab-section{max-width:100%;padding:6rem 1rem;background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%)}.homelab-content{max-width:1400px;margin:0 auto}.homelab-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.stat-item{text-align:center;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-content{align-items:center;gap:2rem}.contact-content,.contact-info{display:flex;flex-direction:column}.contact-info{gap:.75rem;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border);padding:1.5rem 2rem;border-radius:4px}.contact-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.contact-label{color:var(--accent-blue)}.contact-item a{color:var(--text-primary);text-decoration:none;transition:color .2s}.contact-item a:hover{color:var(--accent)}.footer{text-align:center;padding:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem}.rack-container{display:flex;justify-content:center;padding:20px;position:relative}.rack-u-labels{display:flex;flex-direction:column;margin-right:8px;padding-top:12px}.u-label{height:40px;display:flex;align-items:center;justify-content:flex-end}.u-label span{font-size:.65rem;color:#5a5a70;font-family:JetBrains Mono,monospace;font-weight:500}.rack-frame{display:flex;position:relative;background:linear-gradient(180deg,#1a1a20,#0f0f15);border:2px solid #2a2a35;border-radius:8px;padding:10px;box-shadow:0 0 60px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.3)}.rack-rails{display:flex;flex-direction:column;background:#0a0a0f;border:1px solid #2a2a35}.rail-unit{height:40px;display:flex;align-items:center;justify-content:center;padding:0 6px;border-bottom:1px solid #1a1a25}.rail-hole{width:8px;height:8px;background:#151518;border-radius:2px;border:1px solid #2a2a35}.rack-units{position:relative;width:500px;height:calc(42 * 40px);background:repeating-linear-gradient(180deg,transparent,transparent 39px,#1a1a25 0,#1a1a25 40px),linear-gradient(180deg,#12121a,#0a0a0f);border-left:2px solid #2a2a35;border-right:2px solid #2a2a35}.rack-slot{position:absolute;left:10px;right:10px;top:calc(var(--slot-start) * 40px + 5px);height:calc(var(--slot-size) * 40px - 10px);z-index:2}.equipment{width:100%;height:100%;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative}.equipment:before{content:"";position:absolute;inset:-2px;border-radius:6px;opacity:0;transition:opacity .3s ease;pointer-events:none}.equipment:hover:before{opacity:1}.equipment:hover{transform:scale(1.02);z-index:10}.server:before{background:transparent;border:2px solid #50a080;box-shadow:0 0 15px rgba(80,160,128,.5)}.server-front{display:flex;height:100%;background:linear-gradient(180deg,#2a2a30,#1a1a20);border:1px solid #3a3a45;border-radius:4px;position:relative;overflow:hidden}.server-handle{width:6px;background:linear-gradient(180deg,#4a4a55,#3a3a45);border-radius:2px;flex-shrink:0}.server-handle.left{border-right:1px solid #555}.server-handle.right{border-left:1px solid #555}.server-panel{flex:1 1;display:flex;align-items:stretch;padding:0 4px;gap:4px}.server-left-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:42px;flex-shrink:0;align-self:stretch;padding:2px;background:rgba(0,0,0,.3);border-radius:2px;border:1px solid #333;box-sizing:border-box}.server-leds{display:flex;gap:2px}.led{width:4px;height:4px;border-radius:50%;background:#333}.led.on,.led.power.on{background:#50a080;box-shadow:0 0 4px #50a080}.led.activity.blink{background:#e07850;box-shadow:0 0 4px #e07850;animation:blink .5s infinite}.led.network.on{background:#5090c0;box-shadow:0 0 4px #5090c0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.server-info{text-align:center}.server-label{font-size:.4rem;color:#888;font-weight:600;letter-spacing:.01em}.server-drives-sff{flex:1 1;min-width:0;min-height:0;align-self:stretch;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:1fr;grid-gap:1px;gap:1px;padding:3px;background:#101012;border-radius:2px;border:1px solid #333;box-sizing:border-box}.drive-sff{background:linear-gradient(180deg,#3a3a42,#2a2a32 30%,#252530);border:1px solid #4a4a52;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2px 1px;min-height:0}.drive-sff-button{width:4px;height:4px;background:radial-gradient(circle,#e07850 0,#c06030 100%);border-radius:50%;flex-shrink:0}.drive-sff-carrier{flex:1 1;width:90%;background:linear-gradient(180deg,#4a4a52,#3a3a42 50%,#2d2d35);border-radius:1px;border:1px solid #555;display:flex;align-items:center;justify-content:center;min-height:20px}.drive-sff-handle{width:70%;height:60%;background:repeating-linear-gradient(180deg,#2a2a32,#2a2a32 2px,#3a3a42 0,#3a3a42 4px);border-radius:1px}.drive-sff-led{width:3px;height:3px;border-radius:50%;background:#333;flex-shrink:0}.drive-sff-led.on{background:#50a080;box-shadow:0 0 3px #50a080;animation:blink .4s infinite}.drive-sff:nth-child(odd) .drive-sff-led.on{animation-delay:.2s}.server-drives-lff{flex:1 1;min-width:0;min-height:0;align-self:stretch;display:grid;grid-gap:2px;gap:2px;padding:3px;background:#101012;border-radius:3px;border:1px solid #333;box-sizing:border-box}.server-drives-lff.drives-8{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}.server-drives-lff.drives-12{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr 1fr}.drive-lff{background:linear-gradient(180deg,#3a3a42,#2a2a32 30%,#252530);border:1px solid #4a4a52;border-radius:2px;display:flex;align-items:center;padding:2px 3px;gap:3px;min-height:0}.drive-lff-button{width:5px;height:5px;background:radial-gradient(circle,#e07850 0,#c06030 100%);border-radius:50%;flex-shrink:0}.drive-lff-handle{flex:1 1;background:linear-gradient(180deg,#4a4a52,#3a3a42 50%,#2d2d35);border-radius:2px;border:1px solid #555;display:flex;align-items:center;justify-content:center}.drive-lff-handle:before{content:"";width:70%;height:60%;background:repeating-linear-gradient(90deg,#2a2a32,#2a2a32 3px,#3a3a42 0,#3a3a42 5px);border-radius:1px}.drive-lff-led{width:4px;height:4px;border-radius:50%;background:#333;flex-shrink:0}.drive-lff-led.on{background:#50a080;box-shadow:0 0 4px #50a080;animation:blink .3s infinite}.drive-lff:nth-child(3n) .drive-lff-led.on{animation-delay:.15s}.drive-lff:nth-child(3n+1) .drive-lff-led.on{animation-delay:.3s}.server-right-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:20px;flex-shrink:0;align-self:stretch;padding:2px;background:rgba(0,0,0,.3);border-radius:2px;border:1px solid #333;box-sizing:border-box}.server-port{background:#1a1a20;border:1px solid #444;border-radius:1px}.server-port.usb{width:8px;height:5px;background:linear-gradient(180deg,#2a2a32,#1a1a20)}.server-port.vga{width:12px;height:6px;background:linear-gradient(180deg,#1a3a5a,#0a2a4a)}.switch:before{background:transparent;border:2px solid #5090c0;box-shadow:0 0 15px rgba(80,144,192,.5)}.switch-front{height:100%;background:linear-gradient(180deg,#25252d,#1a1a22);border:1px solid #3a3a45;border-radius:4px;display:flex;align-items:center;padding:4px 10px;gap:10px}.switch-logo{font-size:.55rem;color:#666;font-weight:600;letter-spacing:.05em;min-width:50px}.switch-ports{flex:1 1;display:grid;grid-template-columns:repeat(24,1fr);grid-gap:2px;gap:2px}.port{height:18px;background:#1a1a20;border:1px solid #333;border-radius:2px;display:flex;align-items:flex-start;justify-content:center;padding-top:2px}.port-led{width:3px;height:3px;border-radius:50%;background:#333}.port.active .port-led{background:#50a080;box-shadow:0 0 4px #50a080;animation:blink .5s infinite;animation-delay:calc(var(--i, 0) * .1s)}.switch-sfp{display:flex;gap:3px}.sfp-port{width:14px;height:20px;background:linear-gradient(180deg,#2a2a35,#1a1a25);border:1px solid #3a3a45;border-radius:2px}.sfp-port.active{border-color:#5090c0;box-shadow:0 0 4px rgba(80,144,192,.4)}.monitor{background:linear-gradient(180deg,#1a1a22,#0f0f15);border:1px solid #2a2a35;border-radius:4px}.monitor:before{background:linear-gradient(135deg,rgba(80,160,128,.3),transparent);box-shadow:0 0 20px rgba(80,160,128,.3)}.monitor-front{height:100%;display:flex;flex-direction:column;padding:8px}.monitor-bezel{flex:1 1;border:3px solid #2a2a35;border-radius:4px;padding:10px;align-items:center;justify-content:center}.monitor-bezel,.monitor-screen{background:#0a0a0f;display:flex}.monitor-screen{width:100%;height:100%;border-radius:2px;padding:15px;align-items:flex-start}.terminal-content{font-family:JetBrains Mono,monospace;font-size:1rem;color:#50a080;text-shadow:0 0 10px rgba(80,160,128,.5)}.terminal-prompt{color:#50a080}.terminal-cursor{display:inline-block;width:10px;height:1.2em;background:#50a080;margin-left:4px;animation:cursor-blink 1s infinite;vertical-align:text-bottom}.monitor-controls{display:flex;justify-content:flex-end;gap:8px;padding:8px 5px 0}.monitor-btn{width:8px;height:8px;background:#2a2a35;border-radius:50%}.monitor-btn.power{background:#50a080;box-shadow:0 0 6px #50a080}.ups:before{background:transparent;border:2px solid #e07850;box-shadow:0 0 15px rgba(224,120,80,.5)}.ups-front{height:100%;background:linear-gradient(180deg,#1a1a20,#0f0f15);border:1px solid #333;border-radius:4px;padding:10px 15px;gap:15px}.ups-display,.ups-front{display:flex;align-items:center}.ups-display{width:100px;height:60px;background:#0a0a10;border:2px solid #2a2a35;border-radius:4px;padding:5px;justify-content:center}.ups-screen{width:100%;height:100%;background:linear-gradient(180deg,#001a00,#000a00);border-radius:2px;padding:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.ups-status-text{font-size:.5rem;color:#0c6;font-weight:600;letter-spacing:.1em;text-shadow:0 0 5px #0c6}.ups-load-bar{width:80%;height:6px;background:#010;border-radius:2px;overflow:hidden}.ups-load-fill{height:100%;background:linear-gradient(90deg,#0c6,#0f8);box-shadow:0 0 5px #0f8;transition:width .5s ease}.ups-load-text{font-size:.4rem;color:#0a5}.ups-branding{display:flex;flex-direction:column;align-items:center;gap:4px}.ups-logo{font-size:1rem;font-weight:700;color:#c05050;letter-spacing:.1em}.ups-model{font-size:.45rem;color:#555;letter-spacing:.05em}.ups-indicators{display:flex;flex-direction:column;gap:6px}.ups-led{width:8px;height:8px;border-radius:50%;background:#333}.ups-led.battery,.ups-led.online{background:#50a080;box-shadow:0 0 6px #50a080}.ups-led.load{background:#e0a050;box-shadow:0 0 6px #e0a050;animation:blink 2s infinite}.ups-vents{flex:1 1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;padding:10px}.vent-slot{height:30px;background:linear-gradient(90deg,#1a1a20 30%,#25252d 50%,#1a1a20 70%);border-radius:2px}.kvm-switch:before{background:transparent;border:2px solid #888;box-shadow:0 0 15px hsla(0,0%,53%,.5)}.kvm-front{height:100%;background:linear-gradient(180deg,#1a1a20,#0f0f15);border:1px solid #333;border-radius:4px;display:flex;align-items:center;padding:8px 15px;gap:15px}.kvm-logo{font-size:.7rem;font-weight:700;color:#888;letter-spacing:.1em}.kvm-ports{display:flex;gap:6px}.kvm-port{width:16px;height:14px;background:#0a0a10;border:1px solid #444;border-radius:2px;display:flex;align-items:center;justify-content:center}.kvm-port-led{width:4px;height:4px;border-radius:50%;background:#333}.kvm-port:first-child .kvm-port-led{background:#50a080;box-shadow:0 0 4px #50a080}.kvm-buttons{display:flex;gap:4px}.kvm-select-btn{width:16px;height:16px;background:#2a2a35;border:1px solid #444;border-radius:2px;color:#666;font-size:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.kvm-select-btn:first-child{background:#3a3a45;color:#888}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(80,160,128,.3),transparent);animation:scan 4s linear infinite;pointer-events:none}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.rack-tooltip{position:fixed;background:rgba(15,15,20,.98);border:1px solid var(--accent-color,#5090c0);border-radius:4px;padding:16px;min-width:280px;max-width:320px;z-index:1000;pointer-events:none;box-shadow:0 0 30px rgba(0,0,0,.6),0 0 10px var(--accent-color,#5090c0)}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tooltip-type{letter-spacing:.1em;color:var(--accent-color,#5090c0);font-weight:600}.tooltip-status,.tooltip-type{font-size:.7rem;text-transform:uppercase}.tooltip-status{display:flex;align-items:center;gap:5px;letter-spacing:.05em}.tooltip-status[data-status=online]{color:#50a080}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tooltip-name{font-size:1rem;font-weight:600;margin-bottom:2px;color:#e0e0e8}.tooltip-model{font-size:.75rem;color:#5a5a70;font-family:JetBrains Mono,monospace}.tooltip-model,.tooltip-section{margin-bottom:12px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section h4{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#5a5a70;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #2a2a35}.specs-grid{display:grid;grid-gap:6px;gap:6px}.spec-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.spec-key{color:#8888a0}.spec-value{color:#e0e0e8;font-family:JetBrains Mono,monospace;font-size:.7rem}.services-list{display:flex;flex-wrap:wrap;gap:5px}.service-tag{background:rgba(80,144,192,.15);color:#5090c0;padding:3px 8px;border-radius:2px;font-size:.65rem;font-weight:500;border:1px solid rgba(80,144,192,.3)}@media (max-width:768px){.nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{padding:6rem 1.5rem 3rem}.hero-cta{flex-direction:column}.section{padding:4rem 1.5rem}.timeline{padding-left:1.5rem}.homelab-stats{gap:1.5rem}.rack-frame{transform:scale(.6);transform-origin:top center}}