:root{--nav-h:78px;--page-bg: radial-gradient(1000px 600px at 80% -10%, rgba(124,45,219,.35), transparent), linear-gradient(180deg, #2a1450, #150a26 60%);--bg:#150a26;--bg2:#2a1450;--card:#201038;--line:rgba(180,140,255,.2);--pu:#7c2ddb;--pu2:#5b21b6;--lav:#ddd0f0;--mut:#a894cc;--head:#b8a1ee;--tx:#f3edff}*{box-sizing:border-box;margin:0}html{overflow-anchor:none;scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{background:var(--page-bg);background-attachment:fixed;color:var(--tx);font:16px/1.65 Poppins,system-ui,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:none;margin:0;padding:0 clamp(14px,4vw,72px)}section{padding:32px 0}.nav{position:sticky;top:0;z-index:10;padding-top:14px}.bar{position:relative;display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px;border-radius:12px;background:linear-gradient(90deg,var(--pu),var(--pu2));box-shadow:0 8px 28px #7c2ddb59}.logo{font:700 20px ui-monospace,Consolas,monospace}.logo b{color:var(--lav)}nav{display:flex;align-items:center;gap:22px}nav a{font-size:14px;font-weight:500;opacity:.92}nav a:hover{opacity:1}nav .hire{background:#fff;color:#2a1450;padding:6px 18px;border-radius:999px;font-weight:600}.burger{display:none;width:44px;height:44px;background:none;border:1px solid rgba(255,255,255,.4);border-radius:8px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}.burger span{width:20px;height:2px;background:#fff;transition:transform .25s,opacity .25s}.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.on span:nth-child(2){opacity:0}.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,4vw,72px);align-items:center;padding:48px 0 0}.hero>*{min-width:0}h1{font-size:clamp(40px,6vw,96px);line-height:1.08;color:var(--head);font-weight:700;margin:6px 0 14px}.sub{font-size:20px;color:#fff}.social{display:flex;gap:12px;margin:22px 0 14px}.social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;color:var(--lav);font:600 13px system-ui;transition:background .2s}.social a:hover{background:var(--pu);color:#fff}.where{color:var(--mut);font:13px ui-monospace,Consolas,monospace}.hero>:first-child{padding-bottom:28px}.art{position:relative;align-self:stretch;min-height:clamp(340px,36vw,560px);display:flex;align-items:flex-end;justify-content:flex-end}.art .code{position:relative;z-index:1}.portrait-wrap{position:absolute;right:0;bottom:0;height:100%;max-width:100%;display:flex;justify-content:center}.portrait-wrap:before{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);height:86%;aspect-ratio:1;border-radius:50%;z-index:0;background:radial-gradient(circle at 50% 38%,rgba(124,45,219,.85),rgba(91,33,182,.35) 55%,transparent 72%);filter:blur(6px)}.portrait-wrap:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);height:86%;aspect-ratio:1;border-radius:50%;z-index:0;background:conic-gradient(from 0deg,transparent 0 55%,rgba(195,155,255,.9) 80%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:spin 14s linear infinite}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}.portrait{position:relative;z-index:1;display:block;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 0 26px rgba(124,45,219,.6)) saturate(1.06) contrast(1.04);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%),linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%),linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}.code{font:13px/1.7 ui-monospace,Consolas,monospace;overflow-x:auto;white-space:pre;box-shadow:0 0 40px #7c2ddb59}.code .c{color:#7d6aa8}.code .k{color:#c39bff}.code .s{color:#e8d9ff}.strip{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:28px 48px;padding:22px 32px;background:#0a041899;border:1px solid var(--line);border-radius:16px}.stat{display:flex;align-items:center;gap:12px}.stat b{font-size:56px;font-weight:700;line-height:1}.stat span{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;max-width:110px;line-height:1.3}.techs{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-left:auto}.techs img{width:34px;height:34px;object-fit:contain;display:block;transition:transform .2s}.techs img:hover{transform:translateY(-3px)}.sec{font-size:24px;color:var(--lav);margin-bottom:16px}.sec:after{content:"";display:block;width:44px;height:3px;margin-top:6px;background:var(--pu);border-radius:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}h3{font-size:17px;margin-bottom:6px}.lead{color:var(--mut)}.meta{color:var(--mut);font-size:14px;margin-bottom:10px}.meta a{color:#c39bff}ul{padding-left:20px;color:var(--mut)}li{margin-bottom:6px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chips span{border:1px solid var(--line);background:#7c2ddb2e;color:var(--lav);border-radius:999px;padding:2px 12px;font-size:13px}.contact{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.btn{padding:10px 22px;border-radius:8px;font-weight:600;font-size:14px;background:#fff;color:#2a1450;overflow-wrap:anywhere;transition:transform .15s}.btn:hover{transform:translateY(-2px)}footer{text-align:center;color:var(--mut);font-size:13px;padding:32px 20px calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:24px}@media(min-width:861px){.nav{padding-bottom:8px;background:var(--page-bg);background-attachment:fixed}.hero{position:sticky;top:var(--nav-h);z-index:5;overflow:hidden;height:var(--hero-h, auto);grid-template-rows:minmax(0,1fr);background:var(--page-bg);background-attachment:fixed;padding-top:calc(48px - 32px * var(--p, 0));border-bottom:1px solid rgba(180,140,255,calc(.22 * var(--p, 0)));box-shadow:0 16px 26px -14px rgba(8,3,18,calc(.9 * var(--p, 0)))}.hero>:first-child{padding-bottom:calc(28px - 18px * var(--p, 0))}h1{font-size:calc(clamp(40px,6vw,96px) * var(--s, 1));line-height:calc(1.08 - .08 * var(--p, 0));margin:calc(6px * var(--s, 1)) 0 calc(14px * var(--s, 1))}.sub{font-size:max(13px,20px * var(--s, 1))}.social{margin:calc(22px * var(--s, 1)) 0 calc(14px * var(--s, 1))}.social a{width:max(28px,38px * var(--s, 1));height:max(28px,38px * var(--s, 1));font-size:max(11px,13px * var(--s, 1))}.where{overflow:hidden;max-height:calc(24px * (1 - var(--p, 0)));opacity:calc(1 - var(--p, 0) * 1.5)}.art{min-height:calc(clamp(340px,36vw,560px) * var(--s, 1))}}@media(max-width:860px){.burger{display:flex}nav{position:absolute;top:62px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;border-radius:12px;background:#201038fa;border:1px solid var(--line)}nav.open{display:flex}nav a{padding:14px 4px;font-size:16px;border-bottom:1px solid var(--line)}nav .hire{margin-top:12px;text-align:center;border-bottom:0;padding:12px}.hero{grid-template-columns:1fr;padding:32px 0 0;gap:20px}.art{min-height:clamp(280px,80vw,420px);justify-content:center}.portrait-wrap{right:50%;transform:translate(50%)}.techs{margin-left:0}.strip{padding:18px;gap:20px 28px}}@media(max-width:480px){.wrap{padding:0 14px}section{padding:22px 0}.card{padding:16px}.code{font-size:12px;padding:14px}.stat b{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}