:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg:#0f0f0f;--card:#151515;--muted:#7b7b7b;--accent:#22b573;--accent-2:#1e90ff}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:#eaeaea;scroll-behavior:smooth;font-family:Inter,sans-serif}.app{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow:hidden}.nav{z-index:30;background:#0006;justify-content:space-between;align-items:center;width:100%;max-width:100%;padding:28px 48px;display:flex;position:sticky;top:0}.logo{font-size:20px;font-weight:700}.nav-links{gap:22px;list-style:none;display:flex}.nav-links a{color:#ddd;text-decoration:none}.hero{align-items:center;gap:40px;width:100%;max-width:100%;padding-top:10px;padding-bottom:80px;display:flex}.hero-left{flex:2}.hero-right{flex:0 0 420px;justify-content:center;display:flex}.hero h1{margin:6px 0;font-size:42px}.hero h4{color:var(--muted)}.sub{color:var(--muted);margin-bottom:18px}.btn{border-radius:4px;padding:10px 14px;font-size:14px;text-decoration:none}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{color:#ddd;border:1px solid #ffffff1f}.portrait-card{justify-content:center;align-items:center;width:360px;height:360px;display:flex}.portrait-ring{background:linear-gradient(#0000,#ffffff05);border-radius:50%;justify-content:center;align-items:center;width:340px;height:340px;display:flex}.portrait{filter:none;background-image:url(/me.jpg);background-position:50%;background-size:cover;border-radius:50%;width:300px;height:300px}.section{width:100%;max-width:100%;padding:60px 0}.section-title{text-align:center;margin-bottom:18px;font-size:32px}.about-text{text-align:center;max-width:820px;color:var(--muted);margin:0 auto}.contact-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:28px;display:flex}.contact-icon{--size:72px;width:var(--size);height:var(--size);color:#eaeaea;background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff08;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s linear,border-color .18s linear;box-shadow:0 6px 18px #0000008c}.contact-icon svg{filter:drop-shadow(0 4px 10px #00000080);width:28px;height:28px;display:block}.contact-icon .label{color:var(--muted);letter-spacing:.2px;margin-top:4px;font-size:12px}.contact-icon:hover,.contact-icon:focus{border-color:#1e90ff38;outline:none;transform:translateY(-6px)scale(1.02);box-shadow:0 18px 36px #0009}.contact-icon.linkedin svg{color:var(--accent-2)}.contact-icon.github svg{color:#cfcfcf}.contact-icon.leetcode svg{color:#f89f1b}.contact-icon.gmail svg{color:#d14836}.contact-icon.phone svg{color:var(--accent)}.contact-icon:hover .label{color:#fff;text-shadow:0 6px 18px #22b57312}@media (max-width:600px){.contact-icon{--size:64px}.contact-icon svg{width:24px;height:24px}.contact-icon .label{font-size:11px}}.dot{background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.dot span{background:var(--accent);border-radius:50%;width:8px;height:8px}.ct-title{margin-top:10px;font-weight:700}.ct-sub{color:var(--muted);font-size:13px}.cards{justify-content:center;gap:28px;width:100%;max-width:100%;margin-top:34px;display:flex}.card{background:var(--card);text-align:center;border-radius:6px;width:300px;height:120px;padding:28px;transition:transform .3s}.card:hover{transform:translateY(-6px)}.featured{border-bottom:4px solid var(--accent)}.pill{color:var(--accent);background:#22b5731f;border-radius:4px;margin-bottom:8px;padding:6px 8px;font-weight:700;display:inline-block}.skills .skill-box{border:3px solid #1e90ffcc;justify-content:space-around;width:100%;max-width:100%;margin-top:28px;padding:26px;display:flex}.skill{text-align:center}.percent{font-size:34px;font-weight:700}.skill-label{color:var(--accent);margin-top:6px}.contact-form{flex-direction:column;gap:14px;width:100%;max-width:900px;margin:20px auto;padding:0 20px;display:flex}.row{gap:18px;width:100%;display:flex}.row input,textarea{color:#ddd;background:0 0;border:1px solid #ffffff1a;flex:1;width:100%;padding:10px}.footer{text-align:center;color:var(--muted);width:100%;max-width:100%;padding:28px}.reveal{opacity:0;will-change:transform,opacity;transition-property:opacity,transform;transition-duration:1s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(30px)scale(.98)}.reveal[data-dir=left]{transform:translate(-40px)scale(.98)}.reveal[data-dir=right]{transform:translate(40px)scale(.98)}.reveal[data-dir=up]{transform:translateY(40px)scale(.98)}.reveal[data-dir=down]{transform:translateY(-40px)scale(.98)}.reveal[data-dir=scale]{transform:scale(.92)}.reveal-visible{opacity:1;transform:none}.cards .card.reveal{transition-duration:.7s;transition-timing-function:cubic-bezier(.18,.9,.25,1)}.card.reveal-visible:hover{transform:translateY(-8px)scale(1.01)}main{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding-left:6vw;padding-right:6vw;overflow:hidden}.projects{background:0 0;width:100%;max-width:100%;padding:80px 0}.project-cards{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:32px;width:100%;max-width:1100px;margin:40px auto 0;padding:0 20px;display:flex}.project-card{background:var(--card);border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;flex:1;min-width:300px;max-width:340px;transition:transform .35s,box-shadow .35s;display:flex;overflow:hidden;box-shadow:0 8px 26px #0000008c}.project-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 14px 34px #0009}.project-image{background-position:50%;background-size:cover;border-bottom:2px solid #ffffff0f;height:200px}.project-content{flex-direction:column;flex-grow:1;padding:20px 18px;display:flex}.project-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600}.project-desc{color:var(--muted);flex-grow:1;margin-bottom:16px;font-size:14px;line-height:1.4}.project-btn{border:1px solid #ffffff26;border-radius:6px;align-self:flex-start;padding:8px 12px;font-size:13px}.project-card:hover .project-image{filter:brightness(1.15);transition:all .4s;transform:scale(1.04)}@media (max-width:1000px){.project-cards{flex-wrap:wrap;justify-content:center}.project-card{flex:320px;max-width:90%}}.project-image{will-change:transform,filter;backface-visibility:hidden;transform-origin:50%;background-position:50%;background-size:cover;border-bottom:2px solid #ffffff0f;height:200px;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1);transition-delay:0s!important}.project-card:hover .project-image{filter:brightness(1.18);transform:scale(1.06)}.project-card{transform-origin:top;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}.project-card:hover{transform:translateY(-6px)}@media (max-width:900px){.hero{flex-direction:column;align-items:flex-start;gap:24px;padding-top:40px;padding-bottom:40px}main{max-width:100%;padding-left:6vw;padding-right:6vw}.portrait-card{width:56vw}.cards{flex-direction:column;align-items:center}.contacts{flex-wrap:wrap}.row{flex-direction:column}.nav{padding:20px 24px}.hero-right{flex:none;justify-content:center;width:100%}}@media (max-width:768px){.nav{padding:20px}.nav-links{gap:15px}.hero h1{font-size:32px}main{padding-left:5vw;padding-right:5vw}}@media (max-width:480px){.nav{flex-direction:column;gap:15px;padding:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px}.hero h1{font-size:28px}main{padding-left:4vw;padding-right:4vw}.portrait-card{width:70vw}}img,video,iframe,embed,object,svg{max-width:100%;height:auto;display:block}html,body,#root{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden!important}*,:before,:after{box-sizing:border-box}img,picture,video,iframe,embed,object,svg{display:block;max-width:100%!important;height:auto!important}main,.app,.nav,.hero,.project-cards,.project-card,.portrait-card,.portrait-ring{min-width:0!important;max-width:100%!important}[style*="100vw"]{width:100%!important}:before,:after{box-sizing:border-box;max-width:100%}body:after{display:none!important}