:root{--bg:#F7F9FC;--ink:#111827;--ink-soft:#5B6472;--accent:#0087EB;--accent-deep:#0068B8;--accent-ink:#FFFFFF;--cream:#FFE0AE;--sky:#B1E3FF;--line:rgba(17,24,39,.09);--card-bg:rgba(255,255,255,.72);--card-bg-solid:#FFFFFF;--danger:#D94F4F}:root[data-theme=dark]{--bg:#0E1420;--ink:#F2F5FA;--ink-soft:#93A0B4;--accent:#4FB0FF;--accent-deep:#7CC4FF;--accent-ink:#06131F;--cream:#4A3B22;--sky:#17344A;--line:rgba(255,255,255,.1);--card-bg:rgba(23,32,48,.72);--card-bg-solid:#141C2B}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 600px at 15% 0%,color-mix(in srgb,var(--cream) 70%,transparent) 0%,transparent 60%),radial-gradient(1000px 700px at 85% 15%,color-mix(in srgb,var(--cream) 45%,transparent) 0%,transparent 55%),radial-gradient(1100px 900px at 75% 90%,color-mix(in srgb,var(--sky) 75%,transparent) 0%,transparent 60%),radial-gradient(900px 700px at 10% 95%,color-mix(in srgb,var(--sky) 55%,transparent) 0%,transparent 55%),var(--bg)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,.display{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.02em}.mono{font-family:JetBrains Mono,monospace}a{color:inherit}img{max-width:100%}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.75rem 1.25rem;z-index:200;border-radius:0 0 10px;font-weight:600}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:100;transition:width .1s linear}header{position:sticky;top:16px;z-index:90;margin:0 16px}.nav-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 10px 20px;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:100px;box-shadow:0 8px 30px #1118270f}.brand{display:flex;align-items:center;gap:9px;font-weight:700;text-decoration:none;font-family:Plus Jakarta Sans;font-size:1.02rem;color:var(--ink)}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}nav.links{display:flex;gap:2px;font-size:.86rem;background:transparent;padding:4px;border-radius:100px}nav.links a{text-decoration:none;color:var(--ink-soft);padding:9px 16px;border-radius:100px;transition:background .18s,color .18s}nav.links a:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{background:none;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn-accent{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);text-decoration:none;padding:11px 22px;font-size:.86rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:100px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-accent:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-ghost{border:1px solid var(--line);background:var(--card-bg);color:var(--ink);text-decoration:none;padding:11px 22px;font-size:.86rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:100px}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}#mobile-toggle{display:none;background:none;border:none;color:var(--ink);cursor:pointer}#mobile-menu{display:none}@media (max-width: 860px){nav.links{display:none}.header-actions .btn-accent span,.header-actions .btn-ghost span{display:none}#mobile-toggle{display:flex}#mobile-menu.open{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:10px;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:24px;max-width:1160px;margin-left:auto;margin-right:auto}#mobile-menu a{padding:12px 14px;text-decoration:none;color:var(--ink);border-radius:14px;font-size:.9rem}#mobile-menu a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}}section{padding:100px 24px;max-width:1160px;margin:0 auto}@media (max-width:640px){section{padding:64px 20px}}.rule{border:none;border-top:1px solid var(--line);margin:0}#hero{padding-top:56px;padding-bottom:40px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;background:var(--card-bg);border:1px solid var(--line);font-size:.82rem;color:var(--ink-soft);margin-bottom:28px;box-shadow:0 4px 14px #1118270a}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero-main{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero-visual{display:flex;flex-direction:column;align-items:flex-end;gap:22px}.hero-photo-wrap{display:block;width:160px;flex:none;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px #1118271a;transform:rotate(-2deg)}.hero-photo{width:160px;height:160px;object-fit:cover;display:block}@media (max-width:900px){.hero-main{grid-template-columns:1fr}.hero-visual{align-items:center;flex-direction:row;justify-content:center;flex-wrap:wrap}}.hero-tag{font-family:JetBrains Mono;font-size:.8rem;color:var(--ink-soft);margin-bottom:16px}.hero-name{font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1.02;margin:0 0 22px;font-weight:700}.hero-name .accent{color:var(--accent)}.hero-name .bracket{color:var(--ink-soft);font-weight:500}.hero-role-line{font-size:clamp(1.02rem,1.9vw,1.2rem);color:var(--ink-soft);max-width:560px;margin:0 0 32px;min-height:3.4em}.role-toggle{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--line);border-radius:100px;margin-bottom:36px;background:var(--card-bg)}.role-toggle button{border:none;background:none;color:var(--ink-soft);font-family:JetBrains Mono;font-size:.78rem;padding:9px 16px;border-radius:100px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.role-toggle button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.role-toggle button:not(.active):hover{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}.code-float{background:var(--card-bg-solid);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #1118271f;overflow:hidden;transform:rotate(1.2deg);max-width:380px;width:100%}.code-float .chrome{display:flex;gap:6px;padding:14px 16px;border-bottom:1px solid var(--line)}.code-float .chrome span{width:10px;height:10px;border-radius:50%}.code-float .chrome span:nth-child(1){background:#ff5f57}.code-float .chrome span:nth-child(2){background:#febc2e}.code-float .chrome span:nth-child(3){background:#28c840}.code-float pre{margin:0;padding:18px 20px;font-family:JetBrains Mono;font-size:.74rem;line-height:1.7;color:var(--ink-soft);overflow-x:auto}.code-float .kw{color:#c678dd}.code-float .fn{color:var(--accent)}.code-float .str{color:#98c379}.code-float .cm{color:var(--ink-soft);opacity:.7}@media (max-width:900px){.code-float{justify-self:stretch;transform:none;max-width:100%}}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.kpi{padding:22px 20px;background:var(--card-bg)}.kpi-num{font-family:Plus Jakarta Sans;font-size:clamp(1.6rem,3.4vw,2.1rem);font-weight:700;color:var(--accent)}.kpi-label{font-size:.78rem;color:var(--ink-soft);margin-top:4px;max-width:16ch}@media (max-width:760px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.section-head{margin-bottom:44px}.section-head h2{font-size:clamp(1.7rem,3.4vw,2.3rem);margin:0;font-weight:700}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:28px}.about-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 10px 30px #1118270d}.about-card h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:0 0 16px;font-weight:600}.about-meta-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem}.about-meta-row:last-child{border-bottom:none}.about-meta-row span:first-child{color:var(--ink-soft)}.about-meta-row a{color:var(--accent);text-decoration:none}@media (max-width:820px){.about-grid{grid-template-columns:1fr;gap:22px}}.timeline{position:relative;padding-left:28px;border-left:2px solid var(--line)}.tl-item{position:relative;padding-bottom:40px}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-34px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--bg)}.tl-dates{font-family:JetBrains Mono;font-size:.78rem;color:var(--accent);margin-bottom:6px}.tl-role-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:baseline;margin-bottom:10px}.tl-title{font-size:1.1rem;font-weight:700;font-family:Plus Jakarta Sans}.tl-org{color:var(--ink-soft);font-size:.9rem}.tl-bullets{margin:0;padding-left:18px;color:var(--ink-soft);font-size:.92rem;display:grid;gap:7px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.project-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;box-shadow:0 10px 30px #1118270d}.project-card:hover{box-shadow:0 18px 44px #1118271a;transform:translateY(-3px)}.project-thumb{height:120px;position:relative;display:flex;align-items:center;padding:0 20px}.project-thumb .dots{position:absolute;top:14px;left:16px;display:flex;gap:5px}.project-thumb .dots span{width:8px;height:8px;border-radius:50%;background:#ffffff8c}.project-thumb-label{font-family:JetBrains Mono;font-size:1.25rem;font-weight:600;color:#fffffff2;letter-spacing:-.02em}.project-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.project-body h3{margin:0;font-size:1.1rem;font-weight:700}.project-body ul{margin:0;padding-left:18px;color:var(--ink-soft);font-size:.87rem;display:grid;gap:6px;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:JetBrains Mono;font-size:.72rem;padding:4px 11px;border:1px solid var(--line);border-radius:100px;color:var(--ink-soft);background:color-mix(in srgb,var(--ink) 3%,transparent)}.project-links{display:flex;gap:10px;margin-top:4px}.project-links a{font-size:.83rem;text-decoration:none;color:var(--accent);display:inline-flex;align-items:center;gap:5px;font-weight:600}.project-links a:hover{text-decoration:underline}.project-links .disabled{color:var(--ink-soft);font-weight:500;cursor:default}.skill-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.skill-group{background:var(--card-bg);border:1px solid var(--line);border-radius:18px;padding:22px}.skill-group h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:0 0 14px;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags .tag{color:var(--ink);background:color-mix(in srgb,var(--ink) 4%,transparent)}.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:820px){.cred-grid{grid-template-columns:1fr}}.cred-list{list-style:none;margin:0;padding:0;display:grid;gap:0;background:var(--card-bg);border:1px solid var(--line);border-radius:18px;overflow:hidden}.cred-list li{padding:16px 20px;border-bottom:1px solid var(--line);font-size:.92rem}.cred-list li:last-child{border-bottom:none}.cred-list .cred-sub{color:var(--ink-soft);font-size:.8rem;margin-top:3px}#contact{text-align:center}.contact-big{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;max-width:820px;margin:0 auto 30px}.contact-big .accent{color:var(--accent)}.contact-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.contact-links a{text-decoration:none;border:1px solid var(--line);background:var(--card-bg);border-radius:100px;padding:12px 22px;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.contact-links a:hover{border-color:var(--accent);color:var(--accent)}footer{padding:36px 24px 44px}.footer-inner{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:.82rem;color:var(--ink-soft);align-items:center}.footer-social{display:flex;align-items:center;gap:14px}.footer-social span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.footer-social a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card-bg);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);text-decoration:none}.footer-social a:hover{color:var(--accent);border-color:var(--accent)}.footer-inner nav{display:flex;gap:18px}.footer-inner a{text-decoration:none;color:var(--ink-soft)}.footer-inner a:hover{color:var(--accent)}#totop{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:80;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 40%,transparent)}#totop.show{opacity:1;pointer-events:auto}.counted{font-variant-numeric:tabular-nums}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:95;max-width:620px;margin:0 auto;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 20px 50px #11182724}.cookie-banner p{margin:0;font-size:.83rem;color:var(--ink-soft);flex:1 1 260px}.cookie-banner a{color:var(--accent)}.cookie-actions{display:flex;gap:10px;flex:none}.cookie-actions button{padding:9px 18px;font-size:.82rem}@media (max-width:520px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}}