:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111a38;background:#f7f9ff;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #315cff;--blue-2: #3e84ff;--navy: #101833;--muted: #65708a;--line: #e5eaf7;--surface: rgba(255, 255, 255, .88);--shadow: 0 12px 38px rgba(46, 75, 155, .09);--soft-shadow: 0 8px 22px rgba(57, 82, 147, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 82% 8%,rgba(99,117,255,.1),transparent 28rem),linear-gradient(180deg,#fbfcff,#f6f8ff)}body,button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-container{width:min(1440px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;z-index:100;top:0;height:68px;border-bottom:1px solid rgba(221,227,244,.9);background:#ffffffe0;backdrop-filter:blur(20px)}.site-header__inner{display:grid;grid-template-columns:250px 1fr 250px;align-items:center;height:100%}.brand{display:inline-flex;align-items:center;gap:15px}.brand strong{color:var(--navy);font-size:27px;letter-spacing:.04em}.brand-cube{position:relative;display:block;width:36px;height:39px;filter:drop-shadow(0 7px 9px rgba(49,92,255,.22))}.cube-face{position:absolute;display:block}.cube-face--top{top:0;left:6px;width:25px;height:14px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#36a9ff,#4053ff)}.cube-face--left{top:10px;left:3px;width:17px;height:27px;clip-path:polygon(0 0,100% 25%,100% 100%,0 74%);background:linear-gradient(180deg,#564cff,#315cff)}.cube-face--right{top:10px;right:2px;width:17px;height:27px;clip-path:polygon(0 25%,100% 0,100% 74%,0 100%);background:linear-gradient(180deg,#35a9ff,#3d64ff)}.desktop-nav{display:flex;align-self:stretch;justify-content:center;gap:60px}.desktop-nav a,.desktop-nav button{position:relative;display:grid;align-items:center;border:0;background:transparent;color:#3d4661;cursor:pointer}.desktop-nav a:after,.desktop-nav button:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#4f46ff,#367fff);content:"";opacity:0;transform:scaleX(.25);transition:.18s ease}.desktop-nav a:hover,.desktop-nav button:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a:hover:after,.desktop-nav button:hover:after,.desktop-nav a.active:after{opacity:1;transform:scaleX(1)}.outline-button{display:inline-flex;align-items:center;justify-content:center;justify-self:end;gap:8px;min-height:40px;padding:0 17px;border:1px solid #cdd7ff;border-radius:10px;background:#ffffffb8;color:var(--blue);font-weight:600;box-shadow:0 5px 14px #4960c30f;transition:transform .18s ease,box-shadow .18s ease}.outline-button:hover{transform:translateY(-1px);box-shadow:0 9px 22px #4960c324}.mobile-nav,.mobile-hero-top{display:none}.home-hero,.about-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 38%,rgba(58,100,255,.11),transparent 30rem),radial-gradient(circle at 92% 8%,rgba(129,105,255,.12),transparent 22rem),linear-gradient(100deg,#fffffff5,#f7f9ffc7)}.home-hero:before,.about-hero:before{position:absolute;inset:0;background-image:radial-gradient(rgba(75,108,255,.15) 1.3px,transparent 1.3px);background-position:calc(100% - 70px) 28px;background-size:28px 28px;content:"";mask-image:linear-gradient(90deg,transparent 60%,#000 100%);pointer-events:none}.home-hero__grid{display:grid;grid-template-columns:minmax(480px,.88fr) minmax(620px,1.12fr);grid-template-rows:auto auto auto;column-gap:16px;align-items:end;min-height:424px;padding:34px 0 22px}.hero-copy{position:relative;z-index:2;grid-column:1;grid-row:1}.role-badge{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:0 14px;border:1px solid #e2e7f1;border-radius:20px;background:#ffffffd1;color:#566077;box-shadow:var(--soft-shadow)}.role-badge i{width:8px;height:8px;border-radius:50%;background:#3dca69;box-shadow:0 0 0 4px #3dca691a}.hero-copy h1{margin:22px 0 10px;font-size:clamp(46px,4vw,66px);line-height:1.12;letter-spacing:-.045em}.hero-copy h1 em{display:inline;color:transparent;font-style:normal;background:linear-gradient(100deg,#3948ed,#3187ff);background-clip:text;-webkit-background-clip:text}.hero-copy h2,.about-copy h2{margin:16px 0 0;color:#151d38;font-size:29px;font-weight:650;letter-spacing:-.02em}.hero-copy>p,.about-copy>p{max-width:620px;margin:12px 0 0;color:var(--muted);font-size:17px;line-height:1.72}.contact-pills,.about-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.home-hero__grid>.contact-pills{grid-column:1;grid-row:2;margin-top:16px}.contact-pills>*,.about-pills>*{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;border:1px solid #e5e9f3;border-radius:12px;background:#ffffffe6;color:#626d86;box-shadow:var(--soft-shadow);white-space:nowrap}.contact-pills svg,.about-pills svg{color:var(--blue);stroke-width:2}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:0 24px;border-radius:11px;background:linear-gradient(100deg,#3747ee,#3188ff);color:#fff;font-weight:700;box-shadow:0 12px 25px #315cff42;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 32px #315cff57}.hero-action{grid-column:1;grid-row:3;justify-self:start;margin-top:18px}.hero-art,.about-art{position:relative;z-index:1;align-self:stretch;min-height:390px}.hero-art picture,.hero-art img,.about-art picture,.about-art img{width:100%;height:100%}.home-hero__grid>.hero-art{isolation:isolate;grid-column:2;grid-row:1 / 4}.home-hero__grid>.hero-art:after{position:absolute;z-index:2;inset:-1px;background:linear-gradient(90deg,rgba(250,251,255,.98) 0%,rgba(250,251,255,.2) 12%,transparent 24%,transparent 84%,rgba(247,249,255,.88) 100%),linear-gradient(180deg,rgba(249,250,255,.98) 0%,transparent 17%,transparent 80%,rgba(247,249,255,.96) 100%);content:"";pointer-events:none}.hero-art img,.about-art img{object-fit:contain;mix-blend-mode:multiply}.hero-art img{opacity:.93;-webkit-mask-image:radial-gradient(ellipse 88% 82% at 52% 50%,#000 48%,rgba(0,0,0,.88) 68%,transparent 100%);mask-image:radial-gradient(ellipse 88% 82% at 52% 50%,#000 48%,rgba(0,0,0,.88) 68%,transparent 100%)}.about-art img{-webkit-mask-image:radial-gradient(ellipse 92% 88% at 54% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 92% 88% at 54% 50%,#000 62%,transparent 100%)}.tech-label{position:absolute;z-index:3;padding:9px 15px;border:1px solid rgba(213,221,247,.9);border-radius:12px;background:#ffffffdb;color:#245bff;font-weight:700;box-shadow:0 7px 20px #3d5db51f;backdrop-filter:blur(12px)}.tech-label--one{top:9%;left:46%}.tech-label--two{top:37%;right:11%}.tech-label--three{top:56%;left:22%}.tech-label--four{top:58%;right:7%}.showcase-section{padding:36px 0 72px}.showcase-layout{display:grid;grid-template-columns:254px minmax(0,1fr);gap:28px;align-items:start}.showcase-sidebar{position:sticky;top:96px;padding:22px 16px 16px;border:1px solid rgba(225,230,244,.96);border-radius:18px;background:#ffffffe6;box-shadow:var(--soft-shadow);backdrop-filter:blur(18px)}.showcase-sidebar__heading{padding:0 8px 18px}.showcase-sidebar__heading>span,.showcase-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em}.showcase-sidebar__heading h2{margin:10px 0 5px;color:#151e3a;font-size:23px;letter-spacing:-.02em}.showcase-sidebar__heading p{margin:0;color:#8992a8;font-size:12.5px;line-height:1.55}.project-menu{display:grid;gap:6px}.project-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:0 11px 0 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#5d6882;cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.project-menu button:hover{color:var(--blue);background:#f5f7ff;transform:translate(2px)}.project-menu button.active{border-color:#dce3ff;color:#fff;font-weight:700;background:linear-gradient(105deg,#3d48ed,#347fff);box-shadow:0 9px 22px #315cff36}.project-menu__label{display:inline-flex;align-items:center;gap:10px}.project-menu__count{display:grid;min-width:28px;height:25px;padding:0 7px;border-radius:8px;place-items:center;color:#8b95ac;background:#f0f3fa;font-size:11px;font-weight:700}.project-menu button.active .project-menu__count{color:#315cff;background:#fff}.resume-download-card{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:72px;margin-top:18px;padding:10px 11px;border:1px solid #dce4ff;border-radius:13px;color:#23335e;background:radial-gradient(circle at 15% 20%,rgba(94,117,255,.16),transparent 52%),#f6f8ff;transition:transform .18s ease,box-shadow .18s ease}.resume-download-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3854a821}.resume-download-card__icon{display:grid;width:38px;height:38px;border-radius:11px;place-items:center;color:#fff;background:linear-gradient(135deg,#4650ee,#3185ff)}.resume-download-card strong,.resume-download-card small{display:block}.resume-download-card strong{font-size:13px}.resume-download-card small{margin-top:3px;overflow:hidden;color:#8a94aa;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.resume-download-card>svg{color:var(--blue)}.showcase-content{min-width:0}.showcase-content__header{display:flex;align-items:end;justify-content:space-between;gap:24px;min-height:84px;margin-bottom:18px;padding:0 2px}.showcase-content__header h2{margin:7px 0 3px;color:#141d39;font-size:28px;line-height:1.15;letter-spacing:-.035em}.showcase-content__header p{margin:0;color:#8992a8;font-size:13px}.search-box{display:flex;flex:0 0 300px;align-items:center;gap:9px;height:44px;padding:0 14px;border:1px solid #e2e7f1;border-radius:11px;color:#8a93a9;background:#ffffffeb;box-shadow:0 7px 18px #3952930f}.search-box input{min-width:0;width:100%;border:0;outline:0;color:#343e58;background:transparent}.search-box input::placeholder{color:#a0a8b9}.section-title{display:flex;align-items:center;gap:10px;margin:22px 0 14px}.section-title>span{display:inline-grid;width:24px;height:24px;place-items:center;color:var(--blue)}.section-title h2{margin:0;color:#17203d;font-size:20px;letter-spacing:.01em}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.showcase-card{overflow:hidden;border:1px solid rgba(230,234,244,.96);border-radius:15px;outline:none;background:#ffffffe6;box-shadow:var(--soft-shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.showcase-card:hover,.showcase-card:focus-visible{border-color:#cbd6ff;transform:translateY(-5px);box-shadow:0 17px 38px #2e4b9b29}.showcase-card__preview{position:relative;aspect-ratio:16 / 9.1;margin:8px 8px 0;overflow:hidden;border-radius:11px;background:#e9edfb}.showcase-card__preview img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.showcase-card:hover .showcase-card__preview img{transform:scale(1.035)}.preview-placeholder{display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at 65% 25%,rgba(111,128,255,.8),transparent 28%),linear-gradient(135deg,#122050,#315cff 55%,#9b8cff)}.preview-placeholder span{color:#fff;font-size:25px;font-weight:800;letter-spacing:.04em;text-shadow:0 5px 18px rgba(1,8,38,.4)}.showcase-card__category{position:absolute;top:10px;left:10px;min-height:25px;padding:5px 9px 0;border:1px solid rgba(255,255,255,.58);border-radius:8px;color:#fff;background:#0c183fad;font-size:10px;font-weight:750;letter-spacing:.04em;box-shadow:0 5px 16px #040b232e;backdrop-filter:blur(10px)}.showcase-card__body{display:flex;min-height:148px;padding:14px 14px 13px;flex-direction:column}.showcase-card h3{margin:0;overflow:hidden;color:#141d39;font-size:17.5px;text-overflow:ellipsis;white-space:nowrap}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-list span{padding:4px 9px;border-radius:12px;background:#f0f3ff;color:#526dff;font-size:12px}.fullscreen-action{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;min-height:34px;margin-top:auto;padding:0 11px;border:1px solid #d9e1ff;border-radius:9px;color:var(--blue);background:#fff;font-size:12px;font-weight:700;transition:color .18s ease,background-color .18s ease}.showcase-card:hover .fullscreen-action,.showcase-card:focus-visible .fullscreen-action{color:#fff;background:var(--blue)}.fullscreen-action svg:last-child{margin-left:2px}.empty-state{display:grid;min-height:260px;place-items:center;align-content:center;gap:10px;border:1px dashed #ccd5ee;border-radius:16px;color:#7c86a0;background:#ffffff9e}.empty-state p{margin:0}.about-hero__grid{display:grid;grid-template-columns:minmax(560px,.95fr) minmax(560px,1.05fr);grid-template-rows:auto auto;column-gap:20px;min-height:365px;padding:36px 0 18px}.about-copy{position:relative;z-index:3;grid-column:1;grid-row:1}.about-name-row{display:flex;align-items:center;gap:18px;margin-top:12px}.about-name-row h1{margin:0;font-size:54px;line-height:1.1}.about-name-row>span{padding:10px 19px;border-radius:22px;color:#fff;font-weight:700;background:linear-gradient(100deg,#4f46f2,#2f82ff);box-shadow:0 10px 21px #315cff3d}.about-copy h2{margin-top:8px;font-size:20px}.about-copy>p{max-width:680px;margin-top:10px;font-size:15px}.about-pills{max-width:720px;grid-column:1;grid-row:2;gap:9px;margin-top:17px}.about-pills>*{min-height:38px;padding:0 14px;border-radius:10px;font-size:14px}.about-art{grid-column:2;grid-row:1 / 3;min-height:335px}.about-content{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;padding:0 0 60px}.panel{padding:0 16px 16px;border:1px solid rgba(229,234,246,.95);border-radius:15px;background:#ffffffdb;box-shadow:var(--soft-shadow)}.panel .section-title{margin:13px 0 10px}.education-card{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:112px;padding:12px 16px;border:1px solid var(--line);border-radius:12px}.education-icon{display:grid;width:60px;height:60px;border-radius:20px;place-items:center;color:#fff;background:linear-gradient(135deg,#86aaff,#3e51ee);box-shadow:0 11px 20px #315cff38}.education-card h3{margin:0 0 5px;font-size:17px}.education-card p,.education-card small{margin:0;color:#69738b;line-height:1.65}.education-card time{align-self:start;color:#526dff;white-space:nowrap}.strength-panel{margin-top:16px}.strength-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.strength-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;min-height:88px;padding:12px 10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#fff,#fbfcff)}.strength-card>span{display:grid;width:38px;height:38px;border-radius:13px;place-items:center;color:var(--blue);background:linear-gradient(145deg,#e9edff,#fff);box-shadow:0 6px 14px #315cff1f}.strength-card h3{margin:1px 0 5px;font-size:13px}.strength-card p{margin:0;color:#727c93;font-size:10px;line-height:1.55;white-space:pre-line}.project-panel{grid-row:span 2}.timeline{position:relative;padding-left:20px}.timeline:before{position:absolute;top:20px;bottom:30px;left:5px;width:2px;background:#dce3f5;content:""}.timeline article{position:relative;margin-bottom:9px}.timeline article>i{position:absolute;top:22px;left:-21px;z-index:2;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #dbe3ff}.project-card{padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#ffffffdb}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-heading h3{margin:0;font-size:15px}.project-heading h3 span{margin-left:9px;padding:3px 8px;border-radius:10px;color:var(--blue);background:#eef2ff;font-size:11px;font-weight:500}.project-heading time{color:var(--blue);font-size:12px;white-space:nowrap}.project-card ul{margin:7px 0 0;padding-left:17px;color:#657089;font-size:11.5px;line-height:1.55}.project-card li::marker{color:var(--blue)}.certificate-panel{grid-column:1 / -1}.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.certificate-grid>div{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#fafbff)}.certificate-grid span{display:grid;width:38px;height:38px;border-radius:12px;place-items:center;color:var(--blue);background:#eef2ff}@media(max-width:1180px){.page-container{width:min(1080px,calc(100% - 44px))}.site-header__inner{grid-template-columns:190px 1fr 190px}.desktop-nav{gap:32px}.home-hero__grid{grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr)}.hero-copy h1{font-size:48px}.hero-copy h2{font-size:22px}.showcase-layout{grid-template-columns:224px minmax(0,1fr);gap:20px}.showcase-sidebar{padding-inline:13px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero__grid{grid-template-columns:1fr .9fr}.about-content{grid-template-columns:1fr}.project-panel{grid-row:auto}}@media(max-width:767px){:root{--shadow: 0 9px 28px rgba(46, 75, 155, .1)}html{scroll-padding-top:12px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 0,rgba(98,110,255,.13),transparent 21rem),#f7f9ff}.page-container{width:calc(100% - 28px)}.site-header{display:none}.mobile-nav{position:fixed;z-index:200;bottom:max(10px,env(safe-area-inset-bottom));left:50%;display:grid;grid-template-columns:repeat(2,1fr);width:min(236px,calc(100% - 32px));height:54px;padding:4px;border:1px solid rgba(219,225,242,.95);border-radius:18px;background:#ffffffe6;box-shadow:0 9px 28px #23357029;backdrop-filter:blur(20px);transform:translate(-50%)}.mobile-nav a{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;color:#939db3;font-size:12px;font-weight:600;transition:color .18s ease,background-color .18s ease}.mobile-nav a svg{width:19px;height:19px;stroke-width:2}.mobile-nav a.router-link-active{color:var(--blue);background:#eef3ff}.mobile-nav a.router-link-active:after{display:none}.mobile-hero-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.mobile-hero-top .brand{gap:12px;min-width:0}.mobile-hero-top .brand strong{font-size:24px}.mobile-hero-top .outline-button{display:none;flex:0 0 auto;min-height:40px;padding:0 12px;border-radius:12px;font-size:13px;white-space:nowrap}.mobile-role-badge{flex:0 0 auto;max-width:48%}.home-hero,.about-hero{overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(82,103,255,.11),transparent 17rem),linear-gradient(180deg,#fbfcff,#f7f9ff)}.home-hero:before,.about-hero:before{display:none}.home-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;min-height:auto;padding:18px 0 20px}.hero-copy,.hero-art{display:none}.hero-copy{grid-column:1;grid-row:1;min-width:0}.role-badge{min-height:34px;padding:0 13px;font-size:13px}.hero-copy>.role-badge{display:none}.hero-copy h1{margin:17px 0 8px;font-size:clamp(36px,10.5vw,45px);line-height:1.14;letter-spacing:-.05em}.hero-copy h1 em{display:inline}.hero-copy h2{margin-top:0;font-size:20px;line-height:1.45}.hero-copy>p{margin-top:9px;font-size:13.5px;line-height:1.75}.home-hero__grid>.hero-art{position:relative;top:auto;right:auto;z-index:1;grid-column:1;grid-row:2;width:100%;height:clamp(198px,54vw,226px);min-height:0;margin:4px 0 2px;overflow:hidden;pointer-events:none}.hero-art img{object-fit:cover;object-position:52% center;opacity:.94;-webkit-mask-image:radial-gradient(ellipse 92% 86% at 52% 50%,#000 53%,rgba(0,0,0,.82) 72%,transparent 100%);mask-image:radial-gradient(ellipse 92% 86% at 52% 50%,#000 53%,rgba(0,0,0,.82) 72%,transparent 100%)}.home-hero__grid>.hero-art:after{background:linear-gradient(90deg,rgba(249,250,255,.9) 0%,transparent 17%,transparent 84%,rgba(247,249,255,.88) 100%),linear-gradient(180deg,rgba(249,250,255,.84) 0%,transparent 20%,transparent 80%,rgba(247,249,255,.9) 100%)}.tech-label{padding:6px 9px;border-radius:9px;font-size:10px}.hero-art .tech-label--one{top:13%;left:47%}.hero-art .tech-label--two{top:39%;right:5%}.hero-art .tech-label--three{top:56%;left:17%}.hero-art .tech-label--four{top:59%;right:0}.home-hero__grid>.contact-pills{position:static;z-index:5;grid-column:1;grid-row:3;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px;margin:2px 0 0}.contact-pills>*{min-width:0;min-height:47px;padding:0 13px;overflow:hidden;border-radius:12px;font-size:12.5px;text-overflow:ellipsis}.contact-pills>:nth-child(3){grid-column:span 2}.contact-pills>:nth-child(4){grid-column:span 2}.hero-action{display:none}.showcase-section{padding:18px 0 25px}.showcase-layout{display:block}.showcase-sidebar{position:static;padding:14px 0 0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.showcase-sidebar__heading{padding:0 0 12px}.showcase-sidebar__heading>span,.showcase-sidebar__heading p{display:none}.showcase-sidebar__heading h2{margin:0;font-size:20px}.project-menu{display:flex;width:calc(100% + 14px);gap:8px;padding:2px 14px 6px 0;overflow-x:auto;scrollbar-width:none}.project-menu::-webkit-scrollbar{display:none}.project-menu button{flex:0 0 auto;width:auto;min-width:116px;height:42px;min-height:42px;padding:0 10px 0 12px;border-color:#edf0f8;background:#fff;box-shadow:0 6px 16px #3547820f}.project-menu button:hover{transform:none}.project-menu__label{gap:7px}.project-menu__count{min-width:24px;height:23px;padding:0 5px}.resume-download-card{margin:10px 0 22px}.showcase-content__header{display:block;min-height:0;margin-bottom:14px}.showcase-content__header h2{margin-top:5px;font-size:24px}.search-box{width:100%;height:44px;margin-top:12px;background:#fff}.section-title{margin:17px 0 12px}.section-title h2{font-size:18px}.showcase-grid{grid-template-columns:1fr;gap:9px}.showcase-card{display:grid;grid-template-columns:35% 65%;min-height:126px;border-radius:15px}.showcase-card__preview{height:calc(100% - 14px);margin:7px 0 7px 7px;aspect-ratio:auto;border-radius:10px}.showcase-card__body{min-height:126px;padding:12px 10px 10px 13px}.showcase-card h3{font-size:15px}.tag-list{gap:4px;margin-top:8px}.tag-list span{padding:3px 7px;font-size:10px}.showcase-card__category{top:6px;left:6px;min-height:21px;padding:4px 6px 0;font-size:8px}.fullscreen-action{min-height:29px;gap:5px;padding:0 8px;font-size:10px}.about-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;min-height:auto;padding:22px 0 18px}.about-name-row{position:static;margin:12px 0 0}.about-name-row h1{font-size:40px}.about-name-row>span{display:none}.about-copy h2{margin-top:13px;font-size:17px;line-height:1.55}.about-copy>p{margin-top:8px;font-size:13px;line-height:1.72}.about-art{position:relative;top:auto;right:auto;grid-column:1;grid-row:2;width:100%;height:clamp(195px,55vw,235px);min-height:0;margin-top:0}.about-art img{-webkit-mask-image:radial-gradient(ellipse 95% 88% at 52% 50%,#000 56%,transparent 100%);mask-image:radial-gradient(ellipse 95% 88% at 52% 50%,#000 56%,transparent 100%)}.about-art .tech-label--one{top:9%}.about-art .tech-label--two{top:38%;right:2%}.about-art .tech-label--three{top:57%;left:14%}.about-art .tech-label--four{top:59%;right:0}.about-pills{position:static;z-index:5;grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 0}.about-pills>*{min-width:0;min-height:48px;padding:0 12px;overflow:hidden;font-size:12px;text-overflow:ellipsis}.about-pills>:nth-child(3),.about-pills>:nth-child(5){grid-column:span 1}.about-content{display:block;padding-bottom:22px}.panel{padding:0 10px 10px;border-radius:15px}.strength-panel,.project-panel,.certificate-panel{margin-top:12px}.education-card{grid-template-columns:54px minmax(0,1fr);min-height:105px;padding:10px}.education-icon{width:52px;height:52px;border-radius:17px}.education-card h3{padding-right:70px;font-size:14px}.education-card p{font-size:12px}.education-card small{display:block;margin-top:3px;font-size:10px}.education-card time{position:absolute;right:28px;margin-top:4px;padding:3px 7px;border-radius:10px;background:#f0f3ff;font-size:10px}.strength-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.strength-card{display:grid;grid-template-columns:38px minmax(0,1fr);min-height:92px;padding:10px 8px;text-align:left}.strength-card>span{width:36px;height:36px;margin:0}.strength-card h3{font-size:11px}.strength-card p{font-size:9px}.project-panel{padding-left:9px}.timeline{padding-left:17px}.timeline article>i{left:-18px}.project-card{padding:10px}.project-heading{align-items:flex-start}.project-heading h3{font-size:13px}.project-heading h3 span{margin-left:5px;padding:2px 5px;font-size:8px}.project-heading time{font-size:9px}.project-card ul{margin-top:5px;font-size:9px}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.certificate-grid>div{display:grid;min-height:73px;place-items:center;align-content:center;gap:4px;padding:7px 4px;text-align:center;font-size:10px}.certificate-grid span{width:33px;height:33px}}@media(max-width:390px){.hero-copy h1{font-size:35px}.hero-art{height:205px}.showcase-card{grid-template-columns:34% 66%}}.app-shell,.app-shell>main,.home-page{min-height:100vh}.floating-actions{position:fixed;z-index:500;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:8px}.floating-action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:linear-gradient(110deg,#3d48ed,#3188ff);box-shadow:0 6px 18px #315cff38;backdrop-filter:blur(14px);transition:transform .18s ease,box-shadow .18s ease}.floating-action--external,.floating-action--panel{color:#315cff;background:#fffffff2;border-color:#dce3f3}.floating-action--panel{padding:0;cursor:pointer}.floating-action--panel[aria-expanded=true]{background:#e8efff;border-color:#a9bfff}.floating-action:hover{transform:translateY(-2px);box-shadow:0 8px 22px #315cff4d}.floating-action:focus-visible{outline:2px solid #315cff;outline-offset:3px}.showcase-section.page-container{width:min(1800px,calc(100% - 40px));min-height:100vh;min-height:100dvh;padding:20px 0}.showcase-layout{grid-template-columns:300px minmax(0,1fr);gap:20px}.showcase-sidebar{top:20px;height:calc(100vh - 40px);height:calc(100dvh - 40px);padding:20px 14px 18px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#d6ddf2 transparent;scrollbar-width:thin}.showcase-sidebar::-webkit-scrollbar{width:5px}.showcase-sidebar::-webkit-scrollbar-thumb{border-radius:999px;background:#d6ddf2}.showcase-sidebar__heading{padding:0 8px 15px}.showcase-sidebar__heading h2{margin-top:8px;font-size:22px}.project-menu{display:grid;width:auto;gap:5px;padding:0;overflow:visible}.project-menu__group{display:grid;gap:3px}.project-menu__all,.project-menu__category{flex:none;width:100%}.project-menu__category.has-active-child{border-color:#dce4ff;color:var(--blue);background:#f3f6ff}.project-menu__category.has-active-child .project-menu__count{color:var(--blue);background:#fff}.project-submenu{display:grid;gap:2px;margin:1px 0 8px 18px;padding-left:11px;border-left:1px solid #e3e8f6}.project-menu .project-submenu button{justify-content:flex-start;gap:8px;min-width:0;min-height:34px;height:34px;padding:0 9px;border-radius:8px;color:#78829a;background:transparent;box-shadow:none;font-size:12px;font-weight:550;text-align:left}.project-menu .project-submenu button:hover{border-color:transparent;color:var(--blue);background:#f4f6fc;transform:none}.project-menu .project-submenu button.active{border-color:#d8e1ff;color:#284fd8;background:#eaf0ff;box-shadow:none;transform:none}.project-submenu__dot{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:#aeb8cf}.project-submenu button.active .project-submenu__dot{background:var(--blue);box-shadow:0 0 0 3px #315cff1f}.project-submenu__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-content__header{min-height:74px;margin-bottom:16px}.showcase-grid{gap:16px}button.showcase-card{width:100%;padding:0;appearance:none;color:inherit;text-align:left}.showcase-card__body{min-height:104px}.fullscreen-action{margin-top:18px}.project-embed{min-width:0;overflow:hidden;border:1px solid rgba(218,225,242,.96);border-radius:17px;background:#fff;box-shadow:0 14px 38px #283a751f}.project-embed__viewport{height:calc(100vh - 42px);height:calc(100dvh - 42px);min-height:620px;overflow:hidden;background:#07101b}.project-embed__viewport iframe{display:block;width:100%;height:100%;border:0;background:#07101b}@media(max-width:1180px){.showcase-layout{grid-template-columns:260px minmax(0,1fr)}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){body{padding-bottom:0}.showcase-section.page-container{width:calc(100% - 20px);padding:10px 0 82px}.showcase-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.showcase-sidebar{position:static;height:auto;max-height:42vh;max-height:42dvh;padding:14px 10px;overflow-y:auto;border:1px solid rgba(225,230,244,.96);background:#ffffffe6;box-shadow:var(--soft-shadow)}.showcase-sidebar__heading{padding:0 5px 10px}.showcase-sidebar__heading>span{display:inline-flex}.showcase-sidebar__heading p{display:none}.showcase-sidebar__heading h2{margin:6px 0 0;font-size:19px}.project-menu{display:grid;width:auto;padding:0;overflow:visible}.project-menu button{width:100%;min-width:0;background:transparent;box-shadow:none}.project-menu__all,.project-menu__category{height:40px;min-height:40px}.project-submenu{margin-left:16px}.showcase-content{scroll-margin-top:10px}.showcase-content__header{display:block}.showcase-grid{grid-template-columns:1fr}.showcase-card__body{min-height:104px}.project-embed__viewport{height:calc(100vh - 22px);height:calc(100dvh - 22px);min-height:500px}.floating-actions{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}