:root{--bg:#080808;--panel:#111;--text:#f5f5f5;--muted:#7d7d7d;--accent:#0f8;--line:#ffffff14;--fill:#ffffff05;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}::selection{background:var(--accent);color:#000}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.muted{color:var(--muted)}.site-nav{z-index:999;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;gap:18px;padding:12px 16px;display:flex;position:fixed;top:24px;right:24px}.site-nav a{color:#fff;font-size:12px;text-decoration:none}.site-nav a:hover{color:var(--accent)}section{padding:90px 8vw;scroll-margin-top:80px}h2{margin-bottom:30px;font-size:clamp(40px,6vw,90px);font-weight:700}.hero{grid-template-columns:1.4fr .8fr;align-items:center;gap:80px;min-height:100vh;display:grid}.hero h1{font-size:min(15vw,180px);line-height:.9}.subtitle{color:var(--muted);margin-top:14px}.terminal{border:1px solid var(--line);background:#0f0f0f;border-radius:16px;width:520px;max-width:100%;margin-top:32px;overflow:hidden;box-shadow:0 20px 40px #00000059}.terminal-header{background:var(--fill);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;height:42px;padding:0 16px;display:flex}.tdot{background:var(--accent);border-radius:50%;width:10px;height:10px}.terminal-title{color:#8a8a8a;font-size:12px;font-family:var(--mono);margin-left:12px}.terminal-content{min-height:260px;font-family:var(--mono);white-space:pre-wrap;color:#e6e6e6;padding:20px;font-size:14px;line-height:1.6}.term-prompt{color:var(--accent)}.caret{vertical-align:text-bottom;background:var(--accent);width:8px;height:1em;margin-left:2px;display:inline-block}.caret-idle{animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.now-panel{border:1px solid var(--line);background:var(--fill);padding:32px}.now-panel h2{letter-spacing:.2em;color:var(--muted);margin-bottom:30px;font-size:14px;font-weight:400}.now-item{margin-bottom:28px}.now-label{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:12px}.now-value{margin-left:0;font-size:24px}.updated{color:var(--accent);font-size:14px;font-family:var(--mono);margin-top:20px}.card{border:1px solid var(--line);background:var(--fill);padding:24px}.project{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:20px;padding:18px;transition:background .15s;display:flex}.project:last-child{border-bottom:0}.project:hover{background:#ffffff08}.project-title{font-size:20px}.project-stack{color:var(--muted);font-size:13px;font-family:var(--mono)}.entry{border-top:1px solid var(--line);padding:18px 0}.entry-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;display:flex}.entry-date{color:var(--muted);font-size:13px;font-family:var(--mono);white-space:nowrap}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.cert-card{border:1px solid var(--line);background:var(--fill);flex-direction:column;padding:20px;display:flex}.preview{border:1px solid var(--line);background:#0c0c0c;height:220px;margin-bottom:16px;display:block;overflow:hidden}.preview img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.cert-card:hover .preview img{transform:scale(1.03)}.preview-fallback{height:100%;color:var(--muted);font-family:var(--mono);justify-content:center;align-items:center;font-size:13px;display:flex}.cert-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cert-card h3{font-size:17px;font-weight:600}.cert-date{color:var(--muted);font-size:12px;font-family:var(--mono);white-space:nowrap}.cert-desc{flex:1;margin:10px 0 16px;font-size:14px;line-height:1.6}.cert-links{flex-wrap:wrap;gap:8px 20px;display:flex}.cert-link{color:var(--accent);font-size:14px;text-decoration:none}.cert-link:hover{text-decoration:underline}#contact{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.contact-title{margin-bottom:24px;font-size:clamp(60px,10vw,160px);line-height:.9}.availability{color:var(--muted);align-items:center;gap:10px;margin-bottom:20px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #00ff8880}@keyframes pulse{70%{box-shadow:0 0 0 10px #0f80}to{box-shadow:0 0 #0f80}}.contact-text{max-width:700px;color:var(--muted);margin-bottom:40px;line-height:1.8}.contact-links{flex-wrap:wrap;gap:16px;display:flex}.contact-links a{color:#fff;border:1px solid var(--line);padding:16px 24px;text-decoration:none}.contact-links a:hover{border-color:var(--accent);color:var(--accent)}.modal{border:1px solid var(--line);background:var(--panel);width:min(720px,92vw);color:var(--text);padding:0}.modal::backdrop{background:#000000e6}.modal-card{padding:30px}.modal-card h2{margin-bottom:12px;font-size:34px}.modal-desc{color:var(--muted);margin-bottom:16px}.modal-details{margin-bottom:16px;line-height:1.7}.close{float:right;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:18px;line-height:1}.close:hover{color:var(--text)}.stack{flex-wrap:wrap;gap:8px;margin-bottom:20px;list-style:none;display:flex}.stack li{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);padding:6px 12px;font-size:12px}.modal-links{flex-wrap:wrap;gap:20px;display:flex}.modal-links a{color:var(--accent);text-decoration:none}.modal-links a:hover{text-decoration:underline}@media (width<=1000px){.hero{grid-template-columns:1fr;align-items:start;gap:48px;padding-top:140px;padding-bottom:60px}.hero h1{font-size:clamp(56px,18vw,120px)}}@media (width<=620px){section{padding:64px 6vw}.site-nav{border-inline:0;border-top:0;justify-content:center;gap:14px;top:0;left:0;right:0}.project{flex-direction:column;gap:6px}.terminal-content{min-height:300px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
