:root{--accent: #D7790F;--accent2: #6670FF;--accent3: #ffff00;--bg: #0a0a12;--panel: #0f0f1e;--border: #1e1e3a;--text: #e0e0ff;--dim: #666688;--font-pixel: "Press Start 2P", monospace;--font-vt: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;zoom:.9}body{background:var(--bg);color:var(--text);font-family:var(--font-vt);font-size:20px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:9999}section{padding:80px 40px;max-width:1100px;margin:0 auto}.section-label{font-family:var(--font-pixel);font-size:8px;color:var(--accent2);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;text-shadow:0 0 8px var(--accent2)}.section-title{font-family:var(--font-pixel);font-size:clamp(14px,2vw,20px);color:var(--text);margin-bottom:40px;line-height:1.4}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glow-pulse{0%{text-shadow:0 0 20px var(--accent),0 0 40px var(--accent)}to{text-shadow:0 0 30px var(--accent),0 0 60px var(--accent),0 0 100px var(--accent)}}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.4}97%{opacity:1}98%{opacity:.2}99%{opacity:1}}footer{text-align:center;padding:32px;border-top:1px solid var(--border);font-family:var(--font-pixel);font-size:7px;color:var(--dim);letter-spacing:2px}@media (max-width: 900px){html{zoom:1}section{padding:60px 20px;max-width:100%;scroll-margin-top:90px}}@media (max-width: 700px){section{padding:48px 16px}}@media (max-width: 480px){section{padding:36px 12px}}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;z-index:100000;display:flex;flex-direction:column;padding:48px 32px;background:#0a0a12f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-brand{font-family:var(--font-pixel);font-size:30px;color:var(--accent);text-shadow:0 0 12px var(--accent);letter-spacing:2px;line-height:1.6;margin-bottom:56px;white-space:nowrap}.sidebar-dot{animation:blink 1.5s step-end infinite}.sidebar-headings{display:flex;flex-direction:column;gap:32px;list-style:none}.sidebar-headings li a{font-family:var(--font-pixel);font-size:14px;color:var(--dim);letter-spacing:1px;line-height:1.6;text-decoration:none;transition:color .2s,text-shadow .2s}.sidebar-headings li a:hover{color:var(--text)}.sidebar-headings li.active a{color:var(--accent2);text-shadow:0 0 8px var(--accent2)}@media (max-width: 900px){.sidebar{width:100%;height:auto;flex-direction:column;align-items:flex-start;padding:12px 24px 10px;gap:8px;border-right:none}.sidebar-brand{font-size:18px;margin-bottom:0;margin-right:0}.sidebar-headings{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 24px;align-items:center}.sidebar-headings li a{font-size:8px;line-height:1}}@media (max-width: 480px){.sidebar-headings{display:none}}#about{margin-left:0;margin-right:0;max-width:none;overflow:hidden}#about .about-grid{display:grid;grid-template-columns:clamp(140px,18vw,291px) 1fr clamp(180px,22vw,360px);gap:clamp(16px,3vw,56px);align-items:start}.about-grid{margin-top:clamp(40px,6vw,100px);margin-left:clamp(16px,6vw,160px);margin-right:clamp(16px,4vw,80px)}.photo-frame{display:flex;flex-direction:column;align-items:flex-start}.photo-inner{width:100%;border:2px solid var(--accent);box-shadow:0 0 20px #d7790f33,inset 0 0 20px #d7790f0d;display:block;overflow:hidden;position:relative;z-index:10000}.photo-inner img{display:block;width:100%;height:auto;aspect-ratio:291 / 363;object-fit:cover}.certs-col{padding-left:0;margin-left:0;min-width:0}.certs-heading{font-family:var(--font-pixel);font-size:clamp(12px,1.4vw,20px);color:var(--text);letter-spacing:2px;margin-bottom:clamp(20px,3vw,50px)}.certs-list{display:flex;flex-direction:column;gap:16px}.cert-item{display:flex;align-items:flex-start;gap:14px}.cert-badge{flex-shrink:0;height:clamp(70px,9vw,110px);width:auto}.cert-badge img{height:100%;width:auto;object-fit:contain;display:block}.cert-text{display:flex;flex-direction:column;justify-content:center;min-width:0}.cert-icon{font-size:24px;color:var(--accent3);text-shadow:0 0 8px var(--accent3);flex-shrink:0;margin-top:2px}.cert-name{font-family:var(--font-pixel);font-size:clamp(8px,1vw,12px);color:var(--text);letter-spacing:1px;line-height:1.6;margin-bottom:8px;word-break:break-word}.cert-date{font-family:var(--font-pixel);font-size:clamp(10px,1.1vw,14px);color:var(--accent);letter-spacing:1px}.about-text{font-family:var(--font-vt);font-size:clamp(18px,2vw,24px);color:var(--text);line-height:1.7;max-width:100%;min-width:0}.about-text p{margin-bottom:16px}.skills-section{margin-top:100px}.skill-tag:hover{border-color:var(--accent);background:#d7790f12;text-shadow:0 0 8px var(--accent);box-shadow:0 0 12px #d7790f33}.skill-level{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);opacity:.6}@media (max-width: 1100px){#about .about-grid{grid-template-columns:clamp(120px,22vw,240px) 1fr}.certs-col{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.certs-heading{width:100%;margin-bottom:12px}.certs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}}@media (max-width: 700px){#about .about-grid{grid-template-columns:clamp(90px,32vw,140px) 1fr}.about-text{font-size:17px}}.skills-row{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{font-family:var(--font-pixel);font-size:11px;padding:18px 28px;border:1px solid var(--border);color:var(--accent);letter-spacing:1px;border-radius:8px;position:relative;transition:all .2s;cursor:default;background:var(--panel)}.skill-tag:hover{border-color:var(--accent);background:#00ffcc12;text-shadow:0 0 8px var(--accent);box-shadow:0 0 12px #0fc3}.blogs-list{display:flex;flex-direction:column;gap:16px}.blog-preview-card{display:flex;flex-direction:row;border:1px solid var(--border);background:var(--panel);text-decoration:none;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;cursor:pointer}.blog-preview-card:hover{border-color:var(--accent2);box-shadow:0 0 24px #ff00d41f;transform:translateY(-2px)}.blog-preview-thumb{flex:0 0 140px;order:2;overflow:hidden;background:#07071a;position:relative;z-index:10000}.blog-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-preview-body{flex:1;order:1;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0}.blog-preview-title{font-family:var(--font-pixel);font-size:11px;color:var(--text);line-height:1.8;letter-spacing:.5px}.blog-preview-desc{font-family:var(--font-vt);font-size:22px;color:var(--dim);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-preview-domain{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:10px;color:var(--dim);letter-spacing:1px;margin-top:4px}.blog-preview-favicon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#000;color:#fff;font-family:Georgia,serif;font-size:15px;font-weight:700;border-radius:3px;line-height:1;flex-shrink:0}.blog-preview-loading{padding:24px;font-family:var(--font-pixel);font-size:7px;color:var(--dim);letter-spacing:1px}@media (max-width: 600px){.blog-preview-card{flex-direction:column}.blog-preview-thumb{flex:0 0 160px;order:1;width:100%}.blog-preview-body{order:2}}#experience{max-width:none}.exp-graph{position:relative;width:90%;min-height:600px}.exp-svg-connector{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.exp-node{position:absolute;width:340px}.exp-node-1{top:0;left:0}.exp-node-2{top:360px;right:0;left:auto}.exp-node-3{top:720px;left:0}.exp-card{border:2px solid var(--accent);border-radius:14px;padding:14px 18px;background:var(--panel);position:relative;transition:all .3s}.exp-card:hover{box-shadow:0 0 24px #00ffcc40;transform:scale(1.03)}.exp-card-2{border-color:var(--accent2)}.exp-card-2:hover{box-shadow:0 0 24px #ff00d440}.exp-card-3{border-color:var(--accent3)}.exp-card-3:hover{box-shadow:0 0 24px #ffff0040}.node-anchor{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);position:absolute;left:50%;transform:translate(-50%);z-index:2}.anchor-bottom{bottom:-6px}.anchor-top{top:-6px;left:50%;transform:translate(-50%)}.anchor-right{right:-6px;top:calc(50% - 5px);left:auto;transform:none}.anchor-left{left:-6px;top:calc(50% - 5px);transform:none}.anchor-accent2{background:var(--accent2);box-shadow:0 0 8px var(--accent2)}.anchor-accent3{background:var(--accent3);box-shadow:0 0 8px var(--accent3)}.exp-role{font-family:var(--font-pixel);font-size:10px;margin-bottom:6px;line-height:1.6}.exp-company{font-family:var(--font-pixel);font-size:9px;color:var(--dim);margin-bottom:10px;letter-spacing:1px}.exp-date{font-family:var(--font-pixel);font-size:8px;color:var(--dim);margin-bottom:10px;letter-spacing:1px;opacity:.7}.exp-desc{font-family:var(--font-vt);font-size:18px;color:var(--text);line-height:1.4;opacity:.85}.exp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.exp-tag{font-family:var(--font-pixel);font-size:8px;padding:5px 9px;border:1px solid var(--accent2);color:var(--accent2);border-radius:5px;letter-spacing:1px}.exp-date-short{display:none;font-family:var(--font-pixel);font-size:7px;color:var(--dim);margin-bottom:8px;letter-spacing:1px;opacity:.7}@media (max-width: 900px){.exp-graph{width:100%;min-height:unset;display:flex;flex-direction:column;gap:24px}.exp-svg-connector{display:none}.exp-node,.exp-node-1,.exp-node-2,.exp-node-3{position:static;width:100%;right:auto;left:auto;top:auto}.node-anchor{display:none}}@media (max-width: 600px){.exp-graph{display:block;position:relative;width:100%;min-height:480px}.exp-svg-connector{display:block}.exp-node,.exp-node-1,.exp-node-2,.exp-node-3{position:absolute;width:47%}.exp-node-1{top:0;left:0;right:auto}.exp-node-2{top:260px;right:0;left:auto}.node-anchor{display:block}.exp-tags,.exp-company,.exp-date{display:none}.exp-date-short{display:block}.exp-desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.exp-role{font-size:8px}}#projects .projects-list{display:flex;flex-direction:column;gap:28px}.project-card{border:1px solid var(--border);background:var(--panel);display:grid;grid-template-columns:200px 1fr;position:relative;cursor:pointer;transition:all .3s;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent2));transform:scaleY(0);transform-origin:top;transition:transform .3s}.project-card:hover{border-color:var(--accent);box-shadow:0 0 30px #00ffcc1f;transform:translate(4px)}.project-card:hover:before{transform:scaleY(1)}.project-thumb{background:#0a0a14;border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:20px;min-height:180px;position:relative;overflow:hidden}.project-thumb svg,.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,204,.02) 3px,rgba(0,255,204,.02) 4px);pointer-events:none}.project-body{padding:24px 28px;display:flex;flex-direction:column;justify-content:center}.project-number{font-family:var(--font-pixel);font-size:7px;color:var(--dim);margin-bottom:10px;letter-spacing:2px}.project-name{font-family:var(--font-pixel);font-size:12px;color:var(--accent);margin-bottom:10px;text-shadow:0 0 8px var(--accent);line-height:1.5}.project-desc{font-family:var(--font-vt);font-size:21px;color:var(--text);line-height:1.6;margin-bottom:14px}.project-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.stack-badge{font-family:var(--font-pixel);font-size:6px;padding:4px 8px;background:#00ffcc14;border:1px solid rgba(0,255,204,.3);color:var(--accent);letter-spacing:1px}.project-links{display:flex;gap:12px}.project-link{font-family:var(--font-pixel);font-size:7px;color:var(--accent2);text-decoration:none;letter-spacing:1px;border-bottom:1px solid var(--accent2);padding-bottom:2px;transition:color .2s,text-shadow .2s}.project-link:hover{color:#fff;text-shadow:0 0 8px white}@media (max-width: 700px){.project-card{grid-template-columns:1fr}.project-thumb{border-right:none;border-bottom:1px solid var(--border);min-height:160px}}#contact{text-align:center;padding-bottom:120px}.contact-box{border:1px solid var(--border);padding:60px 48px;background:var(--panel);position:relative;max-width:700px;margin:0 auto}.contact-box:before,.contact-box:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--accent);border-style:solid}.contact-box:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.contact-box:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.contact-tagline{font-family:var(--font-vt);font-size:clamp(18px,2.5vw,28px);color:var(--dim);margin-bottom:36px;line-height:1.5}.contact-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.cta-btn{font-family:var(--font-pixel);font-size:9px;padding:16px 28px;letter-spacing:2px;text-decoration:none;transition:all .2s;cursor:pointer;display:inline-block}.cta-primary{background:var(--accent);color:var(--bg);box-shadow:0 0 20px #0fc6}.cta-primary:hover{background:#fff;box-shadow:0 0 30px #ffffff80}.cta-secondary{border:1px solid var(--accent2);color:var(--accent2)}.cta-secondary:hover{background:#ff00ff1a;box-shadow:0 0 20px #ff00ff4d}.contact-find{text-align:center;margin-bottom:80px}.contact-find .section-title{margin-bottom:28px}.contact-socials{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.contact-form-area{max-width:700px;margin:0 auto;text-align:left}.contact-form-heading{font-family:var(--font-pixel);font-size:9px;color:var(--accent2);letter-spacing:2px;margin-bottom:24px;text-shadow:0 0 8px var(--accent2);text-align:left}.terminal-window{background:#040410;border:1px solid rgba(102,112,255,.35);box-shadow:0 0 24px #6670ff14;overflow:hidden;text-align:left}.terminal-titlebar{background:#6670ff12;border-bottom:1px solid rgba(102,112,255,.2);padding:9px 14px;display:flex;align-items:center;gap:7px}.t-dot{width:10px;height:10px;border-radius:50%;display:inline-block;opacity:.8}.t-dot-red{background:#ff5f57}.t-dot-yellow{background:#febc2e}.t-dot-green{background:#28c840}.terminal-title-text{font-family:var(--font-vt);font-size:16px;color:var(--dim);margin-left:8px;letter-spacing:1px}.terminal-body{padding:20px 24px 28px;display:flex;flex-direction:column;gap:2px}.terminal-boot{font-family:var(--font-vt);font-size:18px;color:var(--dim);margin-bottom:14px;opacity:.7}.t-ps{color:var(--accent);margin-right:6px}.t-field{display:flex;align-items:baseline;gap:0;margin-bottom:10px}.t-field-msg{align-items:flex-start;margin-bottom:10px}.t-prompt{font-family:var(--font-vt);font-size:18px;color:var(--accent2);flex-shrink:0;white-space:pre;cursor:default}.t-input{background:transparent;border:none;border-bottom:1px solid rgba(102,112,255,.25);color:var(--text);font-family:var(--font-vt);font-size:18px;outline:none;flex:1;padding:2px 6px;caret-color:var(--accent);transition:border-color .2s;width:100%}.t-input:focus{border-bottom-color:var(--accent2)}.t-textarea{resize:none;line-height:1.5;align-self:stretch}.t-submit-row{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.t-submit-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-pixel);font-size:9px;padding:12px 28px;letter-spacing:2px;cursor:pointer;transition:all .2s}.t-submit-btn:hover:not(:disabled){background:#d7790f1a;box-shadow:0 0 14px #d7790f59}.t-submit-btn:disabled{color:var(--dim);border-color:var(--dim);cursor:default}.contact-attach-note{font-family:var(--font-vt);font-size:17px;color:#c33;margin-top:18px;text-align:left;line-height:1.5}.attach-hash{opacity:.6}.attach-link{color:#f55;text-decoration:underline;transition:color .2s}.attach-link:hover{color:#f88}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040410d9;z-index:200000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-box{width:min(420px,90vw);background:#040410;border:1px solid rgba(102,112,255,.5);box-shadow:0 0 48px #6670ff33;overflow:hidden;animation:popIn .28s cubic-bezier(.34,1.56,.64,1)}.modal-body{padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.modal-check{font-size:52px;color:#28c840;text-shadow:0 0 24px #28c840;line-height:1}.modal-title{font-family:var(--font-pixel);font-size:11px;color:var(--accent);text-shadow:0 0 10px var(--accent);letter-spacing:2px}.modal-sub{font-family:var(--font-vt);font-size:20px;color:var(--dim)}.modal-dismiss{margin-top:8px}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-success{font-family:var(--font-pixel);font-size:10px;color:var(--accent);text-shadow:0 0 8px var(--accent);text-align:center;padding:48px 0;letter-spacing:2px;animation:blink 1.5s step-end infinite}.contact-error{font-family:var(--font-pixel);font-size:8px;color:#f46;letter-spacing:1px}@media (max-width: 700px){.contact-box{padding:40px 24px}#contact{padding-bottom:80px}}@media (max-width: 480px){.contact-box{padding:28px 16px}#contact{padding-bottom:60px}}.layout{display:flex;min-height:100vh}.main-content{margin-left:260px;margin-top:0;flex:1;min-width:0;position:relative;z-index:10000}.two-col-layout{display:grid;grid-template-columns:60fr 40fr;grid-template-rows:auto auto;align-items:start;padding-left:clamp(16px,6vw,160px);padding-right:clamp(16px,4vw,60px)}.two-col-layout>section{max-width:none;margin:0;padding-left:clamp(12px,2vw,24px);padding-right:clamp(12px,2vw,24px)}@media (max-width: 900px){.main-content{margin-left:0;margin-top:80px}.two-col-layout{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.two-col-layout>section{padding-left:0;padding-right:0}}@media (max-width: 480px){.two-col-layout{padding-left:12px;padding-right:12px}}