:root{--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--page-bg: #e8e8ec;--frame-bg: #131316;--card: #1c1c20;--card-2: #202024;--text: #f4f4f6;--muted: #a3a3ae;--faint: #6e6e79;--border: rgba(255, 255, 255, .07);--green: #12b981;--yellow: #ffc93c;--pink: #ff5a63;--accent: #8b5cf6;--accent-deep: #6d28d9;--accent-rgb: 139, 92, 246;--accent-soft: rgba(var(--accent-rgb), .16);--purple: var(--accent);--purple-deep: var(--accent-deep);--purple-soft: var(--accent-soft);--radius: 26px;--radius-sm: 18px;--gap: 14px;--ease: cubic-bezier(.22, 1, .36, 1);--speed: .25s}html[data-theme=light]{--frame-bg: #fafafa;--card: #ffffff;--card-2: #f3f3f6;--text: #17171c;--muted: #5c5c68;--faint: #8b8b96;--border: rgba(17, 17, 26, .09);--accent-soft: rgba(var(--accent-rgb), .12)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;padding:clamp(12px,2.2vh,34px) clamp(14px,3vw,44px);font-family:var(--font);font-size:16px;line-height:1.65;color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased;transition:color .35s ease}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--purple);color:#fff}:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.frame{position:relative;margin:auto;width:100%;background:var(--frame-bg);border-radius:clamp(26px,4vw,46px);padding:clamp(14px,2vw,22px);box-shadow:0 34px 80px #0f0f1952;transition:background-color .35s ease}.frame:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(42% 55% at 12% 15%,rgba(var(--accent-rgb),.4),transparent 70%),radial-gradient(38% 48% at 88% 10%,rgba(255,90,99,.25),transparent 70%),radial-gradient(46% 58% at 78% 92%,rgba(18,185,129,.22),transparent 70%),radial-gradient(44% 54% at 20% 88%,color-mix(in srgb,var(--accent-deep) 32%,transparent),transparent 70%);background-size:150% 150%;background-repeat:no-repeat;animation:aurora-drift 16s ease-in-out infinite alternate;pointer-events:none}html[data-theme=light] .frame:before{opacity:.7}.particles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;border-radius:inherit}.bento{position:relative;z-index:1;display:grid;gap:var(--gap);grid-template-columns:repeat(12,1fr);grid-template-areas:"head head head head head head bar  bar  bar  bar  bar  bar" "head head head head head head photo photo photo side side side" "stats stats stats stats stats stats photo photo photo side side side" "port  port  port  port  port  port  port  about about about about about"}.b-head{grid-area:head}.b-bar{grid-area:bar;position:relative;z-index:20}.b-stats{grid-area:stats}.b-photo{grid-area:photo}.b-side{grid-area:side}.b-port{grid-area:port}.b-about{grid-area:about}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(16px,min(2.6vw,3.2vh),34px);transition:background-color .35s ease,border-color .35s ease,transform var(--speed) var(--ease),box-shadow var(--speed) ease}.card:not(.b-bar):not(.is-tilting):hover{border-color:rgba(var(--accent-rgb),.45);box-shadow:0 18px 44px #00000052}html[data-theme=light] .card:not(.b-bar):not(.is-tilting):hover{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 18px 44px #17171c1f}.card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:clamp(6px,1.2vh,18px)}.card__head h2{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;line-height:1.15;letter-spacing:-.01em}.card__link{color:var(--muted);font-weight:700;font-size:clamp(.95rem,1.6vw,1.15rem);transition:color var(--speed) ease,transform var(--speed) var(--ease)}.card__link:hover{color:var(--text);transform:translate(3px)}.head__title{font-size:clamp(1.6rem,min(4.6vw,5.4vh),3.4rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}.hire{display:inline-flex;align-items:center;gap:8px;margin-left:14px;padding:12px 26px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--purple-deep));color:#fff;font-size:clamp(.95rem,1.7vw,1.2rem);font-weight:700;vertical-align:middle;white-space:nowrap;box-shadow:0 12px 30px rgba(var(--accent-rgb),.4);transition:transform var(--speed) var(--ease),box-shadow var(--speed) ease;position:relative;overflow:hidden}.hire:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 38px rgba(var(--accent-rgb),.5)}.hire:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);animation:hire-shine 3.6s ease-in-out infinite;pointer-events:none}.b-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(16px,2vw,24px) clamp(20px,2.4vw,30px)}.bar__logo{font-weight:800;font-size:clamp(1.05rem,1.8vw,1.3rem);letter-spacing:-.02em}.menu{position:absolute;top:calc(100% + 10px);right:clamp(14px,2vw,24px);display:grid;gap:4px;min-width:200px;padding:10px;background:var(--card-2);border:1px solid var(--border);border-radius:20px;box-shadow:0 22px 50px #00000061;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--speed) ease,transform var(--speed) var(--ease),visibility var(--speed)}.menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.menu a{display:block;padding:11px 14px;border-radius:12px;font-weight:600;color:var(--muted);transition:background-color var(--speed) ease,color var(--speed) ease}.menu a:hover{background:rgba(var(--accent-rgb),.14);color:var(--text)}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border:0;border-radius:12px;background:transparent;transition:background-color var(--speed) ease}.theme-toggle:hover{background:rgba(var(--accent-rgb),.14)}.theme-switch{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--border);border-radius:999px;background:var(--card-2);color:var(--text);font-size:.85rem;font-weight:700;line-height:1.2;transition:background-color var(--speed) ease,border-color var(--speed) ease,transform var(--speed) var(--ease),box-shadow var(--speed) ease}.theme-switch:hover{border-color:rgba(var(--accent-rgb),.5);background:var(--purple-soft);transform:translateY(-2px);box-shadow:0 10px 24px rgba(var(--accent-rgb),.3)}.theme-switch__icons{position:relative;width:16px;height:16px;flex:none}.theme-switch__icons svg{position:absolute;inset:0;transition:opacity var(--speed) ease,transform var(--speed) var(--ease)}.theme-toggle svg{transition:opacity var(--speed) ease,transform var(--speed) var(--ease)}[data-theme=dark] .icon-sun{opacity:1;transform:rotate(0)}[data-theme=dark] .icon-moon{opacity:0;transform:rotate(-90deg) scale(.4)}[data-theme=light] .icon-sun{opacity:0;transform:rotate(90deg) scale(.4)}[data-theme=light] .icon-moon{opacity:1;transform:rotate(0)}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:12px;border:1px solid var(--border);border-radius:14px;background:transparent}.burger span{display:block;height:2.5px;width:100%;background:var(--text);border-radius:2px;transition:transform var(--speed) var(--ease),opacity var(--speed) ease}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.b-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);min-height:0}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:clamp(84px,14vh,170px);padding:clamp(10px,1.6vh,20px) 14px;border-radius:var(--radius);transition:transform var(--speed) var(--ease),box-shadow var(--speed) ease}.stat:hover{transform:translateY(-6px);box-shadow:0 18px 36px #00000047}.stat strong{font-size:clamp(1.7rem,min(4.4vw,5.5vh),3rem);font-weight:800;line-height:1;letter-spacing:-.02em}.stat span{font-size:clamp(.72rem,min(1.3vw,1.8vh),.95rem);font-weight:700}.stat--green{background:var(--green);color:#fff}.stat--yellow{background:var(--yellow);color:#171708}.stat--pink{background:var(--pink);color:#fff}.b-photo{position:relative;overflow:hidden;min-height:0;padding:0;background:linear-gradient(155deg,var(--purple),var(--purple-deep));background-size:180% 180%;background-position:0% 0%;animation:photo-pan 14s ease-in-out infinite alternate;border:0}.b-photo img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 40%;transition:transform .6s var(--ease)}.b-photo:hover img{transform:scale(1.05)}.b-side{display:grid;gap:var(--gap);grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(12px,min(2vw,2.6vh),22px) clamp(18px,2.2vw,26px);font-size:clamp(.88rem,min(1.5vw,2vh),1.05rem)}.info-row span{color:var(--muted)}.info-row strong{font-weight:700;text-align:right}.info-row--nested{padding:0}.info-map{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:0}.map{width:100%;height:auto;min-height:0;display:block}.socials{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(10px,min(1.8vw,2.2vh),20px)}.soc{--brand: #ea4335;--brand-fg: #fff;--ring: transparent;display:grid;place-items:center;width:clamp(44px,4.4vw,52px);height:clamp(44px,4.4vw,52px);border-radius:50%;background:var(--brand);border:1px solid var(--ring);color:var(--brand-fg);transition:transform var(--speed) var(--ease),background-color var(--speed) ease,box-shadow var(--speed) ease}.soc:hover{transform:translateY(-5px) scale(1.05);background:color-mix(in srgb,var(--brand) 80%,#fff);box-shadow:0 12px 26px color-mix(in srgb,var(--brand) 45%,transparent)}.soc--li{--brand: #0a66c2}.soc--gh{--brand: #181717}.soc--x{--brand: #000000}html:not([data-theme=light]) .soc--gh,html:not([data-theme=light]) .soc--x{--ring: rgba(255, 255, 255, .18)}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.thumb{position:relative;display:block;aspect-ratio:16 / 10;border-radius:var(--radius-sm);overflow:hidden;background:#0f172a;transition:transform var(--speed) var(--ease),box-shadow var(--speed) ease}.thumb svg{display:block;width:100%;height:100%}.thumb__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08080e61;color:#fff;font-size:clamp(1rem,1.9vw,1.35rem);font-weight:800;letter-spacing:-.01em;opacity:.92;transition:background-color var(--speed) ease,opacity var(--speed) ease}.thumb:hover{transform:translateY(-5px);box-shadow:0 18px 36px #0000004d}.thumb:hover .thumb__overlay{background:#08080e8c;opacity:1}.b-about p{color:var(--muted);font-size:clamp(.75rem,min(1.4vw,1.5vh),.95rem);line-height:1.4}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(6px,1vh,18px)}.chips li{font-size:.74rem;font-weight:700;color:var(--purple);background:var(--purple-soft);border:1px solid rgba(var(--accent-rgb),.35);padding:3px 10px;border-radius:999px}html[data-theme=light] .chips li{color:var(--purple-deep)}.card,.stat{position:relative;transform-style:preserve-3d}.card:after,.stat:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.14),transparent 62%);transition:opacity .3s ease}.card.is-tilting:after,.stat.is-tilting:after{opacity:1}.card.is-tilting,.stat.is-tilting{z-index:5;box-shadow:0 26px 60px #00000073}html[data-theme=light] .card:after,html[data-theme=light] .stat:after{background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.55),transparent 62%)}[data-card]{cursor:pointer}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(16px,4vw,40px);background:#08080e9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:modal-fade .22s ease both}.modal{position:relative;width:min(560px,100%);max-height:86vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 40px 90px #00000080;animation:modal-pop .34s var(--ease) both}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:clamp(20px,3vw,28px) clamp(20px,3vw,28px) 0}.modal__eyebrow{margin-bottom:6px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}.modal__title{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:800;line-height:1.15;letter-spacing:-.015em}.modal__close{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--card-2);color:var(--muted);transition:color var(--speed) ease,background-color var(--speed) ease,transform var(--speed) var(--ease),border-color var(--speed) ease}.modal__close:hover{color:#fff;background:var(--purple);border-color:transparent;transform:rotate(90deg)}.modal__body{display:flex;flex-direction:column;gap:16px;padding:clamp(16px,2.4vw,24px) clamp(20px,3vw,28px) clamp(20px,3vw,28px);overflow-y:auto;scrollbar-width:thin}.modal__text{color:var(--muted);font-size:.95rem;line-height:1.6}.modal__fields{display:grid;gap:8px;margin:0}.modal__field{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 14px;background:var(--card-2);border:1px solid var(--border);border-radius:14px;font-size:.9rem}.modal__field dt{color:var(--muted)}.modal__field dd{margin:0;font-weight:700;text-align:right}.modal__chips{margin-top:0}.modal__action{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--purple-deep));color:#fff;font-weight:700;font-size:.92rem;box-shadow:0 12px 30px rgba(var(--accent-rgb),.35);transition:transform var(--speed) var(--ease),box-shadow var(--speed) ease}.modal__action:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(var(--accent-rgb),.45)}.modal__beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.modal__beam path{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:16 84;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.95));animation:beam-orbit 3.8s linear infinite}html[data-theme=light] .modal__beam path{stroke:var(--accent-deep);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.55))}@keyframes beam-orbit{to{stroke-dashoffset:-100}}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(20px) scale(.97)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease);transition-delay:var(--delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes aurora-drift{0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%}to{background-position:35% 25%,65% 30%,60% 70%,40% 65%}}@keyframes hire-shine{0%,55%{left:-70%}to{left:130%}}@keyframes photo-pan{to{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.modal__beam{display:none}.frame:before,.hire:after,.b-photo,.modal-backdrop,.modal{animation:none!important}.reveal{opacity:1;transform:none}}@media(min-width:881px){html,body{height:100%;overflow:hidden}body{min-height:0}.frame{height:100%;display:flex;overflow:hidden}.bento{flex:1;min-height:0;grid-template-rows:auto minmax(0,1.3fr) auto minmax(0,2.4fr)}.bento>*,.b-side>*,.thumbs>*{min-height:0}.card:not(.b-bar),.stat,.thumbs{overflow:hidden}.b-bar{overflow:visible}.b-port,.b-about{display:flex;flex-direction:column;overflow:hidden}.b-port .thumbs{flex:1;min-height:0;align-content:center}.b-head{display:flex;flex-direction:column;justify-content:center}.thumb{min-height:0;aspect-ratio:16 / 10;align-self:start;height:auto;max-height:100%;width:100%}.thumb svg{display:block;width:100%;height:100%;position:absolute;inset:0}.b-about p{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}}@media(min-width:881px)and (max-height:720px){.b-bar{padding-block:clamp(10px,2.2vh,24px)}.card:not(.b-bar){padding:clamp(14px,min(2.4vw,2.6vh),34px)}.card__head{margin-bottom:clamp(4px,1vh,18px)}.card__head h2{font-size:clamp(1rem,min(1.8vw,2.4vh),1.5rem)}.stat{min-height:clamp(64px,12vh,170px);padding-block:clamp(8px,1.4vh,20px)}.stat strong{font-size:clamp(1.5rem,min(4vw,5vh),3rem)}.info-row{padding-block:clamp(8px,min(1.8vw,2.2vh),22px)}.socials{padding:clamp(8px,min(1.6vw,1.8vh),20px)}.chips{gap:6px;margin-top:clamp(4px,.8vh,18px)}.chips li{font-size:.68rem;padding:2px 8px}.b-about p{font-size:clamp(.7rem,min(1.3vw,1.4vh),.95rem);line-height:1.38}.theme-switch{padding:6px 12px;font-size:.8rem}}@media(max-width:880px){.bento{grid-template-areas:"head head head head head head head head head head head head" "bar  bar  bar  bar  bar  bar  bar  bar  bar  bar  bar  bar" "stats stats stats stats stats stats stats stats stats stats stats stats" "photo photo photo photo photo photo side side side side side side" "port  port  port  port  port  port  about about about about about about"}.b-photo{min-height:260px}}@media(max-width:640px){.bento{grid-template-columns:1fr;grid-template-areas:"head" "bar" "stats" "photo" "side" "port" "about"}.b-photo{min-height:320px}.head__title{font-size:clamp(1.8rem,8vw,2.4rem)}.hire{display:flex;margin:18px 0 0;justify-content:center}}@media(max-width:480px){.b-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.thumbs{grid-template-columns:1fr}.menu{right:0}}