@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{--bg:#07080a;--fg:#ecebe6;--mu:#8b8d93;--au:#e3b85c;--ag:#c9ced6;--line:#ffffff14}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit}.w{max-width:1120px;margin:auto;padding:0 1.4rem}
#fx{position:fixed;inset:0;z-index:-1;opacity:.55}
.nav{position:sticky;top:0;z-index:5;backdrop-filter:blur(12px);background:#07080acc;border-bottom:1px solid var(--line)}.nav .w{display:flex;justify-content:space-between;align-items:center;height:58px}.nav b{letter-spacing:.3em;font-size:.8rem}.nav a{color:var(--mu);text-decoration:none;font-size:.85rem;margin-left:1.2rem}.nav a:hover{color:var(--au)}
.hero{min-height:min(92vh,860px);display:grid;align-content:center;gap:1.4rem;padding:4rem 0}
.el{display:flex;gap:.8rem}.tile{width:84px;height:84px;border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff06;font-family:ui-monospace,Menlo,monospace}.tile small{font-size:.65rem;color:var(--mu)}.tile b{font-size:1.9rem;line-height:1}.tile.au b{color:var(--au)}.tile.ag b{color:var(--ag)}.tile.cd b{font-size:1.25rem;color:#8fe3b0}
h1{font-size:clamp(2.8rem,9vw,7.2rem);line-height:.92;margin:0;font-weight:800;letter-spacing:-.04em}
h1 span{background:conic-gradient(from var(--a),#e3b85c,#fff3c8,#c9ced6,#8a6a2a,#e3b85c);-webkit-background-clip:text;background-clip:text;color:transparent;animation:spin 8s linear infinite}@keyframes spin{to{--a:360deg}}
.sub{font-size:clamp(1.05rem,2.2vw,1.35rem);color:var(--mu);max-width:720px}.sub em{color:var(--fg);font-style:normal}
.term{font-family:ui-monospace,Menlo,monospace;font-size:.95rem;color:#8fe3b0}.term:after{content:"▌";animation:b 1s steps(1) infinite}@keyframes b{50%{opacity:0}}
.soc{display:flex;flex-wrap:wrap;gap:.6rem}.soc a{border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;text-decoration:none;font-size:.9rem;transition:.2s}.soc a:hover{border-color:var(--au);color:var(--au);transform:translateY(-2px)}
section{padding:5rem 0;border-top:1px solid var(--line)}.k{font:600 .75rem ui-monospace,monospace;letter-spacing:.25em;color:var(--au);text-transform:uppercase}h2{font-size:clamp(1.8rem,4.5vw,3rem);letter-spacing:-.03em;line-height:1.05;margin:.4rem 0 1.5rem}
.tl{position:relative;margin-left:.4rem;border-left:1px solid var(--line)}.tl div{padding:0 0 1.6rem 1.6rem;position:relative}.tl div:before{content:"";position:absolute;left:-5px;top:.55rem;width:9px;height:9px;border-radius:50%;background:var(--au);box-shadow:0 0 12px var(--au)}.tl b{font-family:ui-monospace,monospace;color:var(--au);display:block;font-size:.85rem}
.gap{border:1px dashed var(--line);border-radius:12px;padding:1rem 1.2rem;color:var(--mu);font-size:.92rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.c{position:relative;border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:linear-gradient(160deg,#ffffff0a,#ffffff02);overflow:hidden;transition:.3s}.c:hover{border-color:#e3b85c66;transform:translateY(-3px)}.c h3{margin:.2rem 0 .5rem;font-size:1.3rem}.c p{color:var(--mu);margin:0 0 .8rem}.c a.go{color:var(--au);text-decoration:none;font-weight:600}.c img{width:44px;border-radius:8px;background:#fff}
.skills{display:flex;flex-wrap:wrap;gap:.5rem}.skills span{background:#ffffff0d;border-radius:8px;padding:.35rem .8rem;font-size:.9rem}
.net{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;margin-top:1rem}.net a{text-decoration:none;border-bottom:1px solid var(--line);padding:.6rem 0}.net a b{display:block;font-family:ui-monospace,monospace;color:var(--ag)}.net a span{color:var(--mu);font-size:.85rem}.net a:hover b{color:var(--au)}
.quote{font-size:clamp(1.3rem,3vw,2rem);font-style:italic;color:var(--ag);max-width:800px}.quote small{display:block;font-size:.9rem;color:var(--mu);font-style:normal;margin-top:.5rem}
.cta{display:inline-block;background:var(--au);color:#111;font-weight:800;padding:.9rem 1.5rem;border-radius:12px;text-decoration:none;margin:.3rem .5rem .3rem 0}.cta.o{background:none;color:var(--fg);border:1px solid var(--line)}
footer{color:var(--mu);font-size:.8rem;padding:2rem 0;border-top:1px solid var(--line)}
.r{opacity:0;transform:translateY(24px);transition:1s cubic-bezier(.2,.7,.2,1)}.r.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.r{opacity:1;transform:none}#fx{display:none}}
@media(max-width:640px){.nav a{display:none}.tile{width:68px;height:68px}}