:root{--bg: #0e2a47;--bg-2: #123253;--bg-3: #0a2039;--grid: rgba(140, 196, 255, .09);--grid-strong: rgba(140, 196, 255, .16);--text: #eaf2fb;--text-dim: #9fb8d4;--text-faint: #6d87a6;--accent: #ff6b35;--accent-dim: #b8481f;--cyan: #5cc9f5;--mono: "JetBrains Mono", monospace;--sans: "IBM Plex Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 28px}::selection{background:var(--accent);color:var(--bg-3)}#coord{position:fixed;top:16px;right:20px;font-family:var(--mono);font-size:11px;color:var(--text-faint);letter-spacing:.5px;z-index:50;pointer-events:none;background:#0a2039b3;padding:4px 10px;border:1px solid var(--grid-strong)}@media (max-width: 700px){#coord{display:none}}nav{position:sticky;top:0;z-index:40;background:#0e2a47e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--grid-strong)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:1px;color:var(--text)}.brand span{color:var(--accent)}.navlinks{display:flex;gap:28px;list-style:none}@media (max-width: 450px){.navlinks{display:none}}.navlinks a{font-family:var(--mono);font-size:12px;color:var(--text-dim);text-decoration:none;letter-spacing:.5px;transition:color .15s}.navlinks a:hover{color:var(--cyan)}@media (max-width: 640px){.navlinks{gap:16px}.navlinks a{font-size:11px}}.eyebrow{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:18px}.eyebrow:before{content:"";width:20px;height:1px;background:var(--cyan)}header.hero{padding:70px 0 0;position:relative}.hero-top{display:grid;grid-template-columns:1fr 220px;gap:44px;align-items:start}@media (max-width: 760px){.hero-top{grid-template-columns:1fr}}.photo-frame{position:relative;width:100%;aspect-ratio:1/1;border:1px solid var(--grid-strong);padding:10px}.photo-frame:before,.photo-frame:after,.photo-inner:before,.photo-inner:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--cyan);border-style:solid}.photo-frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.photo-frame:after{top:-1px;right:-1px;border-width:1px 1px 0 0}.photo-inner{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-3)}.photo-inner:before{bottom:-1px;left:-1px;border-width:0 0 1px 1px}.photo-inner:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.photo-inner img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(15%) contrast(1.05)}.photo-label{margin-top:8px;font-family:var(--mono);font-size:10px;color:var(--text-faint);letter-spacing:1px;text-align:center}h1.name{font-family:var(--mono);font-weight:700;font-size:clamp(32px,7vw,72px);line-height:1.05;letter-spacing:-1px;margin-bottom:20px}h1.name .cursor{color:var(--accent);animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.tagline{font-size:19px;color:var(--text-dim);max-width:560px;margin-bottom:34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.5px;padding:12px 22px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;transition:all .15s;display:inline-flex;align-items:center;gap:8px;background:none;cursor:pointer}.btn:hover{background:var(--accent);color:var(--bg-3)}.btn.ghost{border-color:var(--grid-strong);color:var(--text-dim)}.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan);background:transparent}.schematic{border:1px solid var(--grid-strong);background:#0a203966;padding:24px;position:relative}.schematic svg{width:100%;height:auto;display:block}.schematic .label{position:absolute;bottom:8px;right:14px;font-family:var(--mono);font-size:10px;color:var(--text-faint);letter-spacing:1px}section{padding:30px 0;border-top:1px solid var(--grid-strong)}h2.section-title{font-family:var(--mono);font-size:26px;font-weight:700;margin-bottom:8px;display:flex;align-items:baseline;gap:12px}h2.section-title .num{color:var(--accent);font-size:16px}.section-sub{color:var(--text-faint);font-family:var(--mono);font-size:12px;margin-bottom:40px;letter-spacing:.5px}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px}@media (max-width: 760px){.about-grid{grid-template-columns:1fr}}.about-text p{color:var(--text-dim);margin-bottom:16px;font-size:15px}.specs{border:1px solid var(--grid-strong);padding:20px 22px;background:#0a203959}.specs h3{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:1.5px;margin-bottom:16px}.spec-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--grid-strong);font-family:var(--mono);font-size:12.5px}.spec-row:last-child{border-bottom:none}.spec-row .k{color:var(--text-faint)}.spec-row .v{color:var(--text)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.skill{border:1px solid var(--grid-strong);padding:16px;background:#0a20394d;transition:border-color .15s}.skill:hover{border-color:var(--accent)}.skill .name{font-family:var(--mono);font-size:13px;font-weight:500;margin-bottom:10px}.bar{height:3px;background:var(--grid-strong);position:relative}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--cyan)}.projects{display:grid;gap:24px}.project{border:1px solid var(--grid-strong);background:#0a203959;display:grid;grid-template-columns:110px 1fr}@media (max-width: 600px){.project{grid-template-columns:1fr}}.project-sheet{border-right:1px solid var(--grid-strong);padding:20px 14px;font-family:var(--mono);font-size:11px;color:var(--text-faint);display:flex;flex-direction:column;justify-content:space-between;letter-spacing:.5px}@media (max-width: 600px){.project-sheet{border-right:none;border-bottom:1px solid var(--grid-strong);flex-direction:row;justify-content:space-between}}.project-body{padding:24px 26px}.project-body h3{font-family:var(--mono);font-size:18px;margin-bottom:10px}.project-body p{color:var(--text-dim);font-size:14.5px;margin-bottom:16px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tag{font-family:var(--mono);font-size:10.5px;color:var(--cyan);border:1px solid rgba(92,201,245,.35);padding:3px 9px;letter-spacing:.5px}.project-link{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none}.project-link:hover{text-decoration:underline}footer{padding:70px 0 50px;border-top:1px solid var(--grid-strong)}.contact-block{border:1px solid var(--grid-strong);padding:36px;background:#0a203966;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}.contact-block h2{font-family:var(--mono);font-size:22px;margin-bottom:10px}.contact-block p{color:var(--text-dim);max-width:340px;font-size:14.5px}.contact-links{display:flex;flex-direction:column;gap:10px;font-family:var(--mono);font-size:13px}.contact-links a{text-decoration:none;color:var(--text-dim);transition:color .15s}.contact-links a:hover{color:var(--cyan)}.foot-meta{margin-top:30px;font-family:var(--mono);font-size:11px;color:var(--text-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.cursor{animation:none}}