:root{--night: #15132a;--dusk: #221f3d;--dusk-2: #2c2848;--cream: #f3ead8;--muted: #b9b2d6;--peach: #f4b393;--pink: #e98ea0;--mint: #8fd6b8;--lamp: #ffcf8a;--line: rgba(243, 234, 216, .14);--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--night);color:var(--cream);font:15px/1.6 var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--peach)}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;opacity:0;transition:opacity 1.2s var(--ease)}body.loaded #scene{opacity:1}#scene:active{cursor:grabbing}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 55%,rgba(10,8,24,.55)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;opacity:0;transform:translateY(-8px);transition:opacity .8s var(--ease) .6s,transform .8s var(--ease) .6s}body.loaded .topbar{opacity:1;transform:none}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none}.brand-moon{width:18px;height:18px;border-radius:50%;box-shadow:inset -5px -2px 0 0 var(--lamp);transform:rotate(-20deg)}.brand-name{font:600 17px/1 var(--serif);letter-spacing:.01em}.actions{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#221f3dd9;border:1px solid var(--line);font:500 13px/1 var(--sans);transition:background .2s,border-color .2s,transform .2s var(--ease)}.pill:hover{border-color:#f3ead859;transform:translateY(-1px)}.pill-solid{background:var(--cream);color:var(--night);border-color:var(--cream)}.pill-solid:hover{background:#fff}.eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.eq i{width:3px;height:4px;background:currentColor;border-radius:1px}#btn-sound[aria-pressed=true]{color:var(--mint)}#btn-sound[aria-pressed=true] .eq i{animation:eq .9s ease-in-out infinite alternate}#btn-sound .eq i:nth-child(2){animation-delay:-.3s}#btn-sound .eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{to{height:12px}}#markers{position:fixed;inset:0;pointer-events:none;z-index:10}.marker{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;margin:-9px 0 0 -9px;padding:0;border:0;background:none;pointer-events:auto;opacity:0;transition:opacity .4s}body.loaded .marker:not(.hidden){opacity:1}.marker.hidden{pointer-events:none}.marker i{position:relative;width:18px;height:18px;border-radius:50%;background:#ffcf8a40;border:2px solid var(--lamp);box-shadow:0 0 14px #ffcf8a99;opacity:0}.marker:focus-visible i{opacity:1}.marker i:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--lamp);opacity:0}.marker:focus-visible i:after{animation:ping 2.4s var(--ease) infinite}@keyframes ping{0%{transform:scale(.4);opacity:.8}to{transform:scale(1.4);opacity:0}}.marker span{padding:5px 10px;border-radius:8px;background:#15132ad9;border:1px solid var(--line);font:500 12px/1 var(--mono);white-space:nowrap;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s var(--ease)}.marker.hot span,.marker:focus-visible span{opacity:1;transform:none}.marker.hot i{background:var(--lamp)}@media(pointer:coarse){.marker span{font-size:11px}}.hint{position:fixed;bottom:22px;left:50%;z-index:10;margin:0;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#15132a99;border:1px solid var(--line);font:12px/1.3 var(--mono);color:var(--muted);text-align:center;opacity:0;transition:opacity .6s 1.6s;max-width:calc(100% - 32px)}body.loaded .hint{opacity:1}body.focused .hint,body[data-mode=entering] .hint{opacity:0;transition-delay:0s}@media(max-width:820px){.topbar{padding:14px 16px}.brand-name{display:none}.pill{padding:8px 12px}}h1,h2{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0 0 14px}h2{font-size:30px}h3{font:600 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 10px}p{margin:0 0 14px;color:#e3dcef}.eyebrow{font:500 12px/1.4 var(--mono);color:var(--peach);letter-spacing:.04em;margin-bottom:8px}.private{font:12px var(--mono);color:var(--lamp)}.date{font:12px var(--mono);color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.chips span{padding:4px 10px;border-radius:6px;background:#8fd6b81a;border:1px solid rgba(143,214,184,.25);color:var(--mint);font:12px/1.4 var(--mono)}.ticks{list-style:none;padding:0;margin:0}.ticks li{position:relative;padding-left:20px;margin-bottom:10px;color:#e3dcef}.ticks li:before{content:"›";position:absolute;left:4px;color:var(--peach);font-weight:600}.links{display:flex;gap:10px;margin-top:22px}.links a{padding:9px 16px;border-radius:999px;text-decoration:none;background:var(--cream);color:var(--night);font-weight:600;font-size:13px}.cards{display:grid;gap:10px}.card{display:grid;gap:4px;text-align:left;width:100%;padding:14px 16px;border-radius:12px;background:#f3ead80a;border:1px solid var(--line);transition:background .2s,border-color .2s,transform .2s var(--ease)}.card:hover{background:#f3ead814;border-color:#ffcf8a66;transform:translate(3px)}.card strong{font:600 18px/1.3 var(--serif)}.card-tag{font:11px var(--mono);color:var(--peach)}.card-sum{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.back{border:0;background:none;padding:0;margin-bottom:18px;color:var(--muted);font:13px var(--mono)}.timeline{list-style:none;padding:0;margin:0 0 28px;border-left:1px solid var(--line)}.timeline>li{position:relative;padding:0 0 20px 20px}.timeline>li:before{content:"";position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--lamp)}.timeline strong{display:block;font-family:var(--serif);font-size:17px}.timeline ul{margin:6px 0 0;padding-left:16px;color:#e3dcef;font-size:14px}.contact{list-style:none;padding:0;display:grid;gap:8px}.contact a{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:12px;text-decoration:none;background:#f3ead80a;border:1px solid var(--line);color:var(--cream)}.contact a:hover{border-color:#ffcf8a66}.contact span{font:12px var(--mono);color:var(--peach)}.cv{position:fixed;inset:0;z-index:35;overflow-y:auto;background:var(--night)}.cv-inner{max-width:760px;margin:0 auto;padding:88px 24px 64px}#cv-close{position:sticky;top:16px;float:right;z-index:1}body.no-webgl #cv-close{display:none}.cv-note:empty{display:none}.cv-note{font:13px var(--mono);color:var(--lamp)}.cv-head h1{font-size:clamp(38px,7vw,56px);margin-bottom:4px}.cv-head p{font:14px var(--mono);color:var(--peach)}.cv section{padding:28px 0;border-top:1px solid var(--line)}.cv-project{padding:18px 0}.cv-project+.cv-project{border-top:1px dashed var(--line)}.cv-project h2{font-size:24px}body.cv-open .topbar,body.cv-open #markers,body.cv-open .hint{visibility:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}.handle-marker{position:fixed;z-index:10}.handle-marker i{width:26px;height:26px;margin:-4px}.sr-only{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}.term{margin:0;padding:14px;height:calc(100% - 40px);min-height:220px;overflow-y:auto;background:#12101f;border:1px solid var(--line);border-radius:10px;color:#cfc9e6;font:13px/1.5 var(--mono);white-space:pre-wrap;word-break:break-word}.mt{margin-top:34px}.id-card{margin:18px 0 22px;padding:14px 16px 10px;border-radius:14px;background:linear-gradient(135deg,#e9eef4,#cfdbe6 55%,#e6d9ef);color:#1d2533;box-shadow:0 10px 30px #00000059}.id-head{display:flex;justify-content:space-between;align-items:center;font:600 11px/1 var(--mono);letter-spacing:.08em;color:#3a4a66}.id-flag{width:26px;height:16px;border-radius:2px;background:linear-gradient(#74acdf 33%,#fff 33% 66%,#74acdf 66%)}.id-body{display:grid;grid-template-columns:96px 1fr;gap:14px;margin-top:12px}.id-body img{width:96px;height:120px;object-fit:cover;border-radius:6px;background:#b9c6d3}.id-body dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px}.id-body dt{color:#5d6b83;font:10px/1.6 var(--mono);text-transform:uppercase}.id-body dd{margin:0;font-weight:600}.id-mrz{margin:10px 0 0;font:11px var(--mono);letter-spacing:.12em;color:#3a4a66;overflow:hidden;white-space:nowrap}.pay-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:14px}.pay-card{position:relative;aspect-ratio:1.586;padding:14px 16px;border-radius:14px;display:flex;flex-direction:column;color:#fff;overflow:hidden;box-shadow:0 8px 22px #00000059;transition:transform .3s var(--ease)}.pay-card:hover{transform:translateY(-4px) rotate(-1deg)}.pay-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.16) 45%,transparent 60%)}.pay-top{display:flex;justify-content:space-between;align-items:baseline}.pay-name{font:600 17px/1 var(--serif)}.pay-kind{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;opacity:.85}.pay-chip{width:30px;height:22px;margin:10px 0 6px;border-radius:5px;background:linear-gradient(135deg,#f1d58a,#b8923e)}.pay-card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3px 10px;font:11.5px/1.4 var(--mono)}.pay-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.12em;opacity:.9}.pay-net{display:flex}.pay-net i{width:18px;height:18px;border-radius:50%;background:#ffffff8c}.pay-net i+i{margin-left:-7px;background:#ffffff4d}.theme-agents{background:radial-gradient(circle at 80% 10%,#8b6cff,transparent 50%),linear-gradient(135deg,#1b1430,#3b2a86)}.theme-python{background:linear-gradient(135deg,#2f5f9e,#3776ab 55%,#ffd43b 160%)}.theme-ts{background:linear-gradient(135deg,#cfd4dc,#8e97a6);color:#14213d}.theme-data{background:linear-gradient(135deg,#b8862f,#e8c46a 60%,#b8862f);color:#2b1d05}.theme-infra{background:linear-gradient(135deg,#0d0d10,#2a2a33)}.theme-game{background:linear-gradient(135deg,#4fae3f,#2d6e2a)}.theme-mobile{background:linear-gradient(135deg,#ff8a5c,#e2508a)}.theme-uni{background:linear-gradient(135deg,#f3ead8,#d9c7a6);color:#3b2a1a}.pay-cards.one{grid-template-columns:minmax(0,340px)}.lang-switch{padding:3px;gap:2px}.lang-switch button{border:0;background:none;padding:5px 9px;border-radius:999px;font:600 12px/1 var(--sans);color:var(--muted)}.lang-switch button[aria-pressed=true]{background:var(--cream);color:var(--night)}