:root{--bg:#0f172a;--surface:#1e293b;--surface-elevated:#243244;--text:#f8fafc;--text-color:var(--text);--text-h:#cbd5e1;--muted:#94a3b8;--border:#334155;--code-bg:#111827;--code-border:#334155;--accent:#93c5fd;--accent-strong:#bfdbfe;--accent-bg:#93c5fd1f;--accent-border:#93c5fd57;--social-bg:#94a3b824;--shadow:#02061738 0 18px 45px -24px, #0206172e 0 10px 22px -18px;--nav-height:clamp(4.5rem, 4.5vw, 5.75rem);--page-gutter:clamp(1rem, 4vw, 2rem);--article-width:95ch;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:clamp(16px, .35vw + 15px, 18px)/1.6 var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f8fafc;--surface:#fff;--surface-elevated:#fff;--text:#0f172a;--text-color:var(--text);--text-h:#475569;--muted:#64748b;--border:#e2e8f0;--code-bg:#f1f5f9;--code-border:#cbd5e1;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-bg:#2563eb14;--accent-border:#2563eb38;--social-bg:#0f172a0f;--shadow:#0f172a14 0 18px 45px -24px, #0f172a14 0 10px 22px -18px}}@media (width<=580px){:root{--nav-height:7.5rem}}body{background-color:var(--bg);-webkit-user-select:none;user-select:none;margin:0;padding:0}*{box-sizing:border-box}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}svg{fill:var(--text)}html,body{-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.navbar{z-index:1000;box-sizing:border-box;width:70%;min-height:var(--nav-height);background:color-mix(in srgb, var(--surface) 78%, transparent);border-bottom:1px solid var(--accent-border);-webkit-backdrop-filter:blur(10px);border-radius:0 0 8%/0 0 78%;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:clamp(.25rem,.3vw,1rem) 5% clamp(.75rem,1.2vw,1rem) 3%;display:flex;position:fixed;top:0;left:0}.navbar-logo{color:var(--text);white-space:nowrap;cursor:pointer;align-items:center;margin:0;font-size:clamp(1.05rem,1.3vw + .8rem,1.875rem);font-weight:700;display:flex}.navbar-prelogo{color:var(--accent);margin-right:.5rem}.navbar-links,.lang{align-items:center;display:flex}.navbar-links{gap:.35rem}.lang{gap:.2rem;margin-left:1.5rem}.navbar-links button,.lang button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:0;padding:.5rem;font-size:clamp(.8rem,.9vw + .65rem,1.5rem);font-weight:500;transition:background-color .3s,color .3s}.navbar-links button:hover,.lang button:hover{background-color:color-mix(in srgb, var(--surface-elevated) 58%, transparent)}.navbar-links button.active,.lang button.active{color:var(--accent)}.navbar-logo:focus-visible,.navbar-links button:focus-visible,.lang button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=1130px){.navbar{width:80%}}@media (width<=920px){.navbar{border-radius:0;width:100%;padding:.55rem .75rem}}@media (width<=580px){.navbar{flex-wrap:wrap;align-items:flex-start;gap:.35rem .7rem;width:100%}.navbar-links button,.lang button{padding:.35rem .25rem}.navbar-logo{flex-basis:100%}.navbar-links,.lang{margin-left:0}}.hero-section{border-bottom:1px solid color-mix(in srgb, var(--border) 35%, transparent);flex-direction:column;align-items:center;gap:3.5rem;margin-top:0;padding:7rem 1.5rem 5rem;display:flex;position:relative}.hero-title{letter-spacing:-.05em;max-width:12ch;color:var(--accent);text-align:center;margin:0;font-size:clamp(3.5rem,10vw,7rem);font-weight:700;line-height:.95}.hero-content{grid-template-columns:minmax(280px,400px) minmax(0,1fr);align-items:stretch;gap:clamp(1.5rem,4vw,4rem);width:min(1120px,100%);display:grid}.mini-cv{-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);border-radius:5px 32px 32px 5px;flex-direction:column;align-items:center;gap:1.25rem;margin-top:20px;margin-bottom:0;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a38,inset 0 1px #ffffff1a}.mini-cv>*{z-index:1;position:relative}.profile-icon{object-fit:cover;border-radius:50%;align-self:center;width:112px;height:112px;box-shadow:0 16px 32px #0f172a2e}.name{-webkit-user-select:text;user-select:text;margin:0;font-size:1.6rem;font-weight:700}.personal-info{flex-direction:column;gap:.75rem;width:100%;display:flex}.info-point{-webkit-user-select:text;user-select:text;background:#1c1b1b9c;border:1px solid #ffffff0f;border-radius:18px;align-items:center;gap:.75rem;min-height:52px;margin:0;padding:4px .9rem;display:flex}.info-point svg{width:30px;height:30px;fill:var(--accent);flex-shrink:0}.info-point p,.github-link{color:var(--text);word-break:break-word;margin:0;text-decoration:none}.github-link{transition:color .25s}.github-link:hover{color:var(--accent)}.program-lang{color:var(--text);flex-wrap:wrap;gap:9px;display:flex}.program-lang p{background:color-mix(in srgb, var(--accent) 12%, #ffffff0d);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:999px;margin:0;padding:9px;font-size:.95rem;font-weight:600}.download-cv{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 78%, white 22%));min-height:2rem;color:var(--text);cursor:pointer;box-shadow:0 16px 30px color-mix(in srgb, var(--accent) 24%, transparent);border:none;border-radius:50px;justify-content:center;align-self:center;align-items:center;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex}.download-cv:hover{filter:saturate(1.05);box-shadow:0 20px 36px color-mix(in srgb, var(--accent) 28%, transparent);color:var(--text)}.hero-description{min-height:100%;color:var(--text);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.25rem;max-width:800px;margin-top:0;padding:clamp(1rem,2vw,2rem) 0;font-size:1.2rem;display:flex}.mini-cv:before{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 42%, white 16%) 0%, transparent 72%);filter:blur(30px);opacity:.34;pointer-events:none;border-radius:999px;width:44%;position:absolute;inset:-18% auto auto -10%}.mini-cv:after{content:"";aspect-ratio:1;filter:blur(36px);opacity:.4;pointer-events:none;background:radial-gradient(circle,#7dd3fc33 0%,#0000 72%);border-radius:999px;width:42%;position:absolute;inset:auto -12% -18% auto}.hero-heading{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.98}.hero-subtitle{color:color-mix(in srgb, var(--text) 76%, var(--accent));margin:0;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:600}.hero-copy{max-width:62ch;color:var(--text-h);margin:0;font-size:1.08rem;line-height:1.85}@media (width<=1330px){.hero-section{gap:2.5rem;padding-top:6rem}.hero-content{grid-template-columns:1fr}.mini-cv,.hero-description{place-self:center;width:100%;max-width:42rem}.mini-cv{border-radius:24px;max-width:350px;margin-top:14px}.hero-description{padding:0 0 0 13%}}@media (width<=900px){.hero-section{gap:2.5rem;padding-top:6rem}.hero-content{grid-template-columns:1fr}.mini-cv,.hero-description{width:100%;max-width:42rem}.mini-cv{border-radius:24px;max-width:350px;margin-top:-6px}.hero-description{padding:0 0 0 12%}}@media (width<=640px){.hero-section{padding-inline:1rem}.mini-cv{border-radius:24px;padding:1.35rem}.hero-description{padding:0}}.projects-section{border-bottom:1px solid color-mix(in srgb, var(--border) 35%, transparent);flex-direction:column;justify-content:center;align-items:center;padding:5.5rem 1.5rem;display:flex}.projects{width:min(1120px,100%);padding:0;font-size:1.05rem}.projects-title{letter-spacing:-.04em;color:var(--text);margin:0 0 3rem;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}.projects-description{max-width:60ch;color:var(--text-h);margin:0 0 2.5rem;line-height:1.8}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.projects-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;padding:8px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 16px 36px #0f172a14}.projects-card:hover{z-index:0;box-shadow:0 22px 48px #0f172a29}.projects-card:focus-visible,.projects-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.projects-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px #0f172a24}.projects-card-image-container{aspect-ratio:16/10;border-radius:20px;width:100%;overflow:hidden}.projects-card-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s}.projects-card:hover .projects-card-image{transform:scale(1.06)}.projects-card-content{flex-direction:column;gap:.8rem;padding:1rem .2rem .3rem;display:flex}.projects-card-title{letter-spacing:-.02em;margin:0;font-size:1.35rem;line-height:1.2}.projects-card:hover .projects-card-title{color:var(--accent)}.projects-card-description{color:var(--text-h);margin:0;font-size:.98rem;line-height:1.7}.projects-button{width:90px;fill:var(--text);height:72px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50px;place-items:center;margin:3% auto 0;padding:.85rem 1.35rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}@media (width<=1220px){.projects-button{width:80px;height:62px;padding:.85rem 1.35rem}}@media (width<=800px){.projects-button{width:75px;height:57px;padding:.85rem 1.35rem}}@media (width<=640px){.projects-section{padding:4.5rem 1rem}.projects-grid{grid-template-columns:1fr;padding:0 12%}}.skills-section{border-bottom:1px solid color-mix(in srgb, var(--border) 35%, transparent);flex-direction:column;align-items:center;padding:5.5rem 1.5rem;display:flex}.skills{width:min(1120px,100%);padding:0;font-size:1.05rem}.skills-title{letter-spacing:-.04em;color:var(--text);text-align:start;margin:0 0 3rem;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}.skills-description{max-width:100ch;color:var(--text-h);margin:0 0 2.5rem;line-height:1.8}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.skill-item{text-align:center;background:#4747471f;border:1px solid #ffffff1f;border-radius:24px;padding:10% 20%;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a1f}.skill-item:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0f172a2e}.skill-item svg,.skill-item img{width:82px;height:82px;margin-bottom:2px}#html{fill:#e34c26}#css{fill:#264de4}#js{fill:#f0db4f}#python{width:79px;height:79px;margin-bottom:5px}#react{fill:#61dafb}.skill-item h4{color:var(--text);margin:0;font-size:1rem;font-weight:700}.skill-item:before{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 32%, transparent) 0%, transparent 72%);filter:blur(22px);opacity:.42;pointer-events:none;border-radius:999px;width:60%;position:absolute;inset:auto auto -30% -10%}@media (width<=640px){.skill-item{padding:5%}.skills-section{padding:4.5rem 1rem}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=350px){.skill-item{padding:5%}.skills-section{padding:4.5rem .5rem}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.blogs-section{border-bottom:1px solid color-mix(in srgb, var(--border) 35%, transparent);flex-direction:column;justify-content:center;align-items:center;padding:5.5rem 1.5rem;display:flex}.blogs{width:min(1120px,100%);padding:0;font-size:1.05rem}.blogs-title{letter-spacing:-.04em;color:var(--text);margin:0 0 3rem;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}.blogs-description{max-width:60ch;color:var(--text-h);margin:0 0 2.5rem;line-height:1.8}.blogs-grid{flex-wrap:wrap;gap:1rem;display:flex}.blogs-card{-webkit-backdrop-filter:calc(15px);backdrop-filter:calc(15px);cursor:pointer;will-change:transform, opacity;background:0 0;border:1px solid #ffffff1a;border-radius:28px;align-items:stretch;width:100%;padding:8px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 16px 36px #0f172a14}.blogs-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px #0f172a24}.blogs-card:focus-visible,.blogs-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.blogs-card-image-container{aspect-ratio:1;border-radius:20px;flex-shrink:0;width:170px;overflow:hidden}.blogs-card-image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blogs-card:hover .blogs-card-image{transform:scale(1.06)}.blogs-card-content{flex-direction:column;justify-content:center;gap:.8rem;margin-left:1.4rem;padding-right:.6rem;display:flex}.blogs-card-title{letter-spacing:-.02em;margin:0;font-size:1.35rem;line-height:1.2}.blogs-card-description{color:var(--text-h);margin:0;font-size:.98rem;line-height:1.75}.blogs-card:hover .blogs-card-title{color:var(--accent)}.blogs-button{width:90px;fill:var(--text);height:72px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50px;place-items:center;margin:3% auto 0;padding:.85rem 1.35rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}@media (width<=1220px){.blogs-button{width:80px;height:62px;padding:.85rem 1.35rem}}@media (width<=800px){.blogs-button{width:75px;height:57px;padding:.85rem 1.35rem}}@media (width<=720px){.blogs-section{padding:4.5rem 1rem}.blogs-card{flex-direction:column;min-height:0}.blogs-card-image-container{aspect-ratio:16/10;width:100%}.blogs-card-content{margin-left:0;padding:1rem .2rem .3rem}.blogs-grid{padding:0 12%}}.contact-section{color:var(--text);justify-items:center;padding:5.5rem 1.5rem 4rem;display:grid}.contact{background:linear-gradient(180deg, #ffffff14, #ffffff08), color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);border:1px solid #ffffff1f;border-radius:32px;width:min(980px,100%);max-width:60%;padding:clamp(1.5rem,3vw,2.5rem);font-size:1.05rem;box-shadow:0 24px 60px #0f172a38}.contact-title{letter-spacing:-.04em;color:var(--accent);text-align:center;margin:0;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}.contact-form{will-change:transform, opacity;flex-direction:column;gap:1.1rem;width:100%;display:flex}.contact-info{flex-direction:row;gap:1rem;margin-top:2rem;display:flex}.contact-input-container{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);border-radius:0 0 0 18px;flex:1 1 0;align-items:center;gap:.8rem;padding:.95rem 1rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.contact-input-container svg{width:24px;height:24px;fill:var(--text)}.contact-input{width:100%;color:var(--text);background-color:#0000;border:none;padding:0;font-size:1rem;font-weight:500}.contact-input::placeholder{color:var(--text-h);opacity:1}.contact-input:focus{outline:none}.contact-message-container{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);border-radius:0 0 0 22px;flex-direction:row;align-items:flex-start;gap:.8rem;margin-top:.15rem;padding:1rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.contact-input-container:focus-within{border-color:var(--accent);transform:translateY(-1px)}.contact-message-container svg{width:24px;height:24px;fill:var(--text);margin-top:.1rem}.contact-input-container:focus-within svg{fill:var(--accent)}.contact-message{color:var(--text);resize:vertical;background-color:#0000;border:none;width:100%;min-height:130px;max-height:300px;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.7;overflow:auto}.contact-message-container:focus-within{border-color:var(--accent);transform:translateY(-1px)}.contact-button svg{width:20px;height:20px;fill:var(--text);margin-left:5px}.contact-message-container:focus-within svg{fill:var(--accent)}.contact-message:focus{outline:none}.contact-button{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 78%, white 22%));color:var(--text);cursor:pointer;box-shadow:0 18px 34px color-mix(in srgb, var(--accent) 24%, transparent);border:none;border-radius:999px;align-self:center;align-items:center;margin-top:10px;padding:.9rem 1.4rem;font-size:25px;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex}.contact-button:hover{filter:saturate(1.05);box-shadow:0 22px 40px color-mix(in srgb, var(--accent) 28%, transparent)}@media (width<=1330px){.contact{max-width:70%}}@media (width<=720px){.contact-section{padding:4.5rem 1rem 5rem}.contact-info{flex-direction:column}.contact{max-width:70%;padding-top:10px;padding-bottom:0}}@media (width<=640px){.contact{max-width:90%}}footer{border-top:1px solid color-mix(in srgb, var(--border) 35%, transparent);color:var(--text-h);background-color:#0b111f;justify-content:center;align-items:center;margin:0;padding:24px;font-size:.9rem;display:flex}.main-page{isolation:isolate;background:radial-gradient(circle at 18% 14%, color-mix(in srgb, var(--accent) 18%, #7dd3fc 24%) 0%, transparent 34%), radial-gradient(circle at 82% 16%, #f9a8d46b 0%, transparent 28%), radial-gradient(circle at 50% 58%, #67e8f929 0%, transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 82%, #4c4652 18%) 0%, color-mix(in srgb, var(--bg) 92%, #2f2c35 8%) 42%, var(--bg) 100%);position:relative;overflow:clip}.main-page:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,#ffffff0d 0%,#0000 28%),linear-gradient(#0000 0%,#ffffff05 100%);position:absolute;inset:0}.main-page>*{z-index:1;position:relative}.main-page-blob{pointer-events:none;filter:blur(90px);opacity:.26;mix-blend-mode:screen;z-index:0;will-change:transform;animation:main-page-float var(--blob-duration,20s) ease-in-out infinite alternate;border-radius:999px;position:absolute}.blob-one{aspect-ratio:1;--blob-duration:22s;background:radial-gradient(circle at 30% 30%,#9738e0f2,#7dd3fc6b 55%,#0000 72%);width:min(34vw,28rem);top:6%;left:-6%}.blob-two{aspect-ratio:1;--blob-duration:18s;background:radial-gradient(circle at 45% 45%,#fbbf2473,#f472b6cc 52%,#0000 74%);width:min(30vw,24rem);animation-name:main-page-float-reverse;top:20%;right:-8%}.blob-three{aspect-ratio:1;--blob-duration:24s;background:radial-gradient(circle at 40% 40%,#67e8f9c7,#3b82f62e 60%,#0000 75%);width:min(26vw,22rem);top:49%;left:38%}.blob-four{aspect-ratio:1;--blob-duration:19s;background:radial-gradient(circle,#c084fcc7,#fdba743d 58%,#0000 74%);width:min(28vw,24rem);animation-name:main-page-float-diagonal;bottom:10%;right:10%}[data-reveal]{opacity:0;will-change:transform, opacity}[data-reveal].is-visible{opacity:1}[data-reveal=mini-cv]{transform:translate(-44px)}[data-reveal=mini-cv].is-visible{animation:.9s cubic-bezier(.22,1,.36,1) forwards reveal-slide-left}[data-reveal=hero-description]{transform:translateY(28px)}[data-reveal=hero-description].is-visible{animation:.8s ease-out forwards reveal-fade-up}[data-reveal=skill-item]{transform:translateY(22px)scale(.98)}.skill-item.is-visible{animation:.72s ease-out forwards reveal-skill,.78s ease-out .74s skill-wave}.skills-grid .skill-item:first-child{animation-delay:50ms,.78s}.skills-grid .skill-item:nth-child(2){animation-delay:.13s,.86s}.skills-grid .skill-item:nth-child(3){animation-delay:.21s,.94s}.skills-grid .skill-item:nth-child(4){animation-delay:.29s,1.02s}.skills-grid .skill-item:nth-child(5){animation-delay:.37s,1.1s}.skills-grid .skill-item:nth-child(6){animation-delay:.45s,1.18s}[data-reveal=projects-card]{opacity:0;transform:translateY(40px)scale(.96)}.projects-card.is-visible{animation:.8s ease-out forwards reveal-fade-up}.projects-grid .projects-card:first-child{animation-delay:.1s}.projects-grid .projects-card:nth-child(2){animation-delay:.2s}.projects-grid .projects-card:nth-child(3){animation-delay:.3s}[data-reveal=blogs-card]{transform:translateY(34px)}[data-reveal=blogs-card].is-visible{animation:.82s ease-out forwards reveal-fade-up}[data-reveal=contact]{transform-origin:top;transform:scale(.9)}[data-reveal=contact].is-visible{animation:.82s ease-out forwards reveal-scale-in}@keyframes main-page-float{0%{transform:translate(0,0)scale(1)}to{transform:translate(4%,-5%)scale(1.08)}}@keyframes main-page-float-reverse{0%{transform:translate(0,0)scale(1)}to{transform:translate(-5%,4%)scale(1.06)}}@keyframes main-page-float-diagonal{0%{transform:translate(0,0)scale(1)}to{transform:translate(5%,-4%)scale(1.04)}}@keyframes reveal-slide-left{0%{opacity:0;transform:translate(-44px)}to{opacity:1;transform:translate(0,0)}}@keyframes reveal-fade-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translate(0,0)}}@keyframes reveal-skill{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes skill-wave{0%,to{transform:translate(0,0)scale(1)}30%{transform:translateY(-12px)scale(1.015)}60%{transform:translateY(3px)scale(.995)}}@keyframes reveal-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.main-page-blob,[data-reveal].is-visible,.skill-item.is-visible{animation:none!important}[data-reveal]{opacity:1;transform:none!important}}@media (width<=900px){.blob-one{width:min(48vw,24rem)}.blob-two{width:min(42vw,20rem)}.blob-three{width:min(38vw,18rem);top:52%;left:10%}.blob-four{width:min(40vw,20rem);right:-4%}}@media (width<=640px){.main-page{background:radial-gradient(circle at 20% 12%, color-mix(in srgb, var(--accent) 18%, #7dd3fc 22%) 0%, transparent 42%), radial-gradient(circle at 82% 18%, #f9a8d447 0%, transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 80%, #4c4652 20%) 0%, var(--bg) 100%)}.main-page-blob{filter:blur(72px);opacity:.22}}.search-container{width:100%;height:60px;font-family:var(--sans);box-sizing:border-box;color:var(--text);background-color:#0000;align-items:center;gap:12px;margin-top:30px;display:flex}.search-box{background-color:var(--bg);border:1px solid color-mix(in srgb, var(--border) 20%, transparent);box-sizing:border-box;border-radius:10px;flex-grow:2;align-items:center;height:100%;padding:0 20px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.search-icon{opacity:.7;flex-shrink:0;width:38px;height:38px;margin-right:18px}.search-box input{width:100%;color:var(--text);font-size:18px;font-family:var(--sans);background:0 0;border:none;outline:none}.search-box input::placeholder{color:var(--text-h);opacity:.6}.filter-dropdown{border:1px solid color-mix(in srgb, var(--border) 20%, transparent);cursor:pointer;box-sizing:border-box;background-color:#0000003f;border-radius:12px;outline:none;justify-content:space-between;align-items:center;min-width:110px;height:100%;padding:0 24px 0 16px;transition:background-color .2s,border-color .2s;display:flex}.filter-dropdown:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.filter-dropdown span{color:var(--text);margin-right:12px;font-size:16px}.arrow-icon{opacity:.7;flex-shrink:0;width:14px;height:14px}@media (width<=1024px){.search-container{gap:10px}.search-box input{font-size:16px}.filter-dropdown{min-width:140px}}@media (width<=768px){.search-container{flex-wrap:wrap;gap:12px;height:auto}.search-box{flex:0 0 100%;width:100%;height:56px}.filter-dropdown{min-width:unset;flex:calc(50% - 6px);height:52px}.search-icon{width:28px;height:28px;margin-right:12px}.search-box input{font-size:16px}}@media (width<=480px){.search-container{gap:10px}.search-box{height:50px;padding:0 14px}.filter-dropdown{flex:0 0 100%;width:100%;height:50px;padding:0 14px}.search-box input{font-size:15px}}.article-page{min-height:100vh;padding:calc(var(--nav-height) + clamp(1.5rem, 4vw, 3rem)) var(--page-gutter) clamp(4rem, 7vw, 6rem);background:radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 28rem), linear-gradient(180deg, color-mix(in srgb, var(--surface) 22%, transparent) 0%, var(--bg) 32rem);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.article-header,.article-list{width:min(1120px,100%)}.article-header{width:min(100%,1120px);margin-bottom:clamp(1.75rem,4vw,2.75rem)}.article-title-page{letter-spacing:0;color:var(--text);text-wrap:balance;margin:0 0 clamp(.75rem,1.5vw,1rem);font-size:clamp(2.25rem,5vw,4rem);line-height:1.05}.article-description-page{max-width:60ch;color:var(--text-h);margin:0;font-size:clamp(1rem,.5vw + .9rem,1.15rem);line-height:1.75}.article-list{flex-direction:column;gap:1rem;display:flex}.article-card{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid color-mix(in srgb, var(--border) 72%, transparent);width:100%;box-shadow:var(--shadow);cursor:pointer;will-change:transform, opacity;border-radius:18px;align-items:stretch;padding:8px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.article-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.article-card:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));box-shadow:0 22px 44px color-mix(in srgb, var(--bg) 68%, transparent)}.article-card:hover .article-title{color:var(--accent)}.article-image-wrapper{aspect-ratio:1;border-radius:12px;flex-shrink:0;width:160px;position:relative;overflow:hidden}.article-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s}.article-card:hover .article-image{transform:scale(1.06)}.article-content{flex-direction:column;justify-content:center;gap:.8rem;margin-left:1.4rem;padding-right:.6rem;display:flex}.article-title{letter-spacing:0;margin:0;font-size:clamp(1.1rem,.75vw + .95rem,1.35rem);line-height:1.2;transition:color .3s}.article-description{color:var(--text-h);margin:0;font-size:clamp(.92rem,.25vw + .87rem,.98rem);line-height:1.75}.article-tags{flex-wrap:wrap;gap:.5rem;display:flex}.article-tag{background-color:var(--accent-bg);color:var(--text-h);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);border-radius:999px;padding:.28rem .6rem;font-size:.875rem;line-height:1.2}.article-links a{color:var(--text);margin-right:1rem;font-weight:700;transition:color .3s}.article-links a:hover{color:var(--accent)}.article-date{color:var(--text-h);background:color-mix(in srgb, var(--surface-elevated) 72%, transparent);border:1px solid color-mix(in srgb, var(--border) 54%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:.2rem .5rem;font-size:.85rem;position:absolute;bottom:.5rem;left:.5rem}.article-more{text-align:center;color:var(--text-h);margin-top:2.5rem}.wave-background{top:-40px;z-index:-1;position:absolute;inset:0}.wave-svg{width:100%;height:100%}.wave-svg path{fill:var(--bg);animation:8s ease-in-out infinite waveFloat}@keyframes waveFloat{0%{transform:translate(-15px)}50%{transform:translate(15px)}to{transform:translate(-15px)}}@media (width<=1024px){.article-header{width:85%}.article-list{width:100%;padding:0 2rem}.article-card{padding:12px}.article-image-wrapper{width:160px}.article-title{font-size:1.2rem}.article-description{font-size:.95rem}}@media (width<=768px){.article-header{text-align:center;width:100%}.article-page{padding-inline:1rem}.article-list{width:100%;padding:0}.article-card{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:auto;padding:16px;display:flex}.article-image-wrapper{display:none}.article-content{flex:1;width:100%;margin-left:0;padding:0}.article-title{font-size:1.1rem}.article-description{font-size:.92rem;line-height:1.5}.article-date{flex-shrink:0;align-self:flex-start;margin-top:12px;margin-left:0;position:static}}@media (width<=480px){.article-page{padding-inline:.75rem}.article-card{border-radius:16px}.article-tag{padding:.25rem .5rem;font-size:.75rem}}main:has(.article){padding:calc(var(--nav-height) + clamp(2rem, 5vw, 4rem)) var(--page-gutter) clamp(4rem, 8vw, 7rem);background:radial-gradient(circle at 80% 8%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28rem), linear-gradient(180deg, color-mix(in srgb, var(--surface) 18%, transparent) 0%, var(--bg) 28rem);justify-content:center;display:flex}.article{--article-flow:clamp(1rem, .65vw + .85rem, 1.45rem);--article-heading-flow:clamp(2rem, 2.5vw, 3.6rem);width:min(100%, var(--article-width));color:var(--text);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);box-shadow:var(--shadow);-webkit-user-select:text;user-select:text;border-radius:clamp(18px,2vw,28px);padding:clamp(1.25rem,3vw,3rem)}.article>:first-child{margin-top:0}.article>:last-child{margin-bottom:0}.project-title{color:var(--text);font-family:var(--heading);text-align:center;text-wrap:balance;margin:0 auto clamp(1.5rem,3vw,2.5rem);font-size:clamp(1.35rem,6vw,2.5rem);font-weight:850;line-height:.98}.project-subtitle{margin:var(--article-heading-flow) 0 clamp(.75rem, 1.4vw, 1.1rem);color:var(--text);font-family:var(--heading);text-wrap:balance;font-size:clamp(1.55rem,2.8vw,2.55rem);font-weight:780;line-height:1.15}.project-sub2title{color:var(--text);font-family:var(--heading);margin:clamp(1.6rem,2.2vw,2.4rem) 0 clamp(.6rem,1vw,.9rem);font-size:clamp(1.2rem,1.5vw,1.55rem);font-weight:720;line-height:1.25}.project-paragraph,.article p{margin:var(--article-flow) 0 0;color:var(--text-h);font-size:clamp(1rem,.45vw + .9rem,1.16rem);line-height:1.78}.article ul,.article ol{margin:var(--article-flow) 0 0;color:var(--text-h);padding-left:clamp(1.25rem,2vw,1.75rem);font-size:clamp(1rem,.4vw + .9rem,1.14rem);line-height:1.75}.article li+li{margin-top:.55rem}.project-list-item{color:var(--text-h)}.article a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 42%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 42%, transparent);text-underline-offset:.2em;font-weight:650;transition:color .18s,text-decoration-color .18s}.article a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.project-image{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);width:min(100%,860px);height:auto;box-shadow:var(--shadow);border-radius:clamp(12px,1.5vw,18px);margin:clamp(1.7rem,3.2vw,2.8rem) auto 0;display:block}.article table{border-collapse:collapse;width:100%;color:var(--text-h);margin:clamp(1.5rem,3vw,2.5rem) 0 0;font-size:clamp(.9rem,.25vw + .85rem,1rem);display:block;overflow-x:auto}.article th,.article td{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);text-align:left;vertical-align:top;white-space:nowrap;padding:.8rem 1rem}.article th{color:var(--text);background:color-mix(in srgb, var(--surface-elevated) 82%, var(--bg));font-weight:720}.article blockquote{color:var(--text-h);background:color-mix(in srgb, var(--surface-elevated) 76%, transparent);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-left:4px solid var(--accent);border-radius:14px;margin:clamp(1.6rem,3vw,2.5rem) 0 0;padding:clamp(1rem,2vw,1.35rem) clamp(1rem,2.4vw,1.6rem)}.article blockquote>p{margin:0}.spliter{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--border) 86%, transparent), transparent);width:100%;height:1px;margin:clamp(2rem,4vw,3.25rem) 0 clamp(.4rem,1vw,.8rem)}.code-block{background:var(--code-bg);border:1px solid color-mix(in srgb, var(--code-border) 84%, transparent);width:min(100%,860px);box-shadow:var(--shadow);border-radius:clamp(12px,1.4vw,16px);margin:clamp(1.4rem,3vw,2.4rem) auto 0;position:relative;overflow:hidden}.code-header{color:var(--muted);background:color-mix(in srgb, var(--code-bg) 88%, black);border-bottom:1px solid color-mix(in srgb, var(--code-border) 74%, transparent);font-family:var(--mono);justify-content:space-between;align-items:center;gap:1rem;padding:clamp(.55rem,1.2vw,.8rem) clamp(.75rem,1.6vw,1rem);display:flex}.code-lang{color:var(--muted);text-transform:uppercase;font-size:clamp(.72rem,.2vw + .68rem,.82rem);line-height:1}.copy-btn{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.copy-btn:hover,.copy-btn:focus-visible{color:var(--text);background:color-mix(in srgb, var(--surface-elevated) 70%, transparent);border-color:color-mix(in srgb, var(--border) 70%, transparent);outline:none}.copy-btn svg{fill:currentColor;width:1rem;height:1rem}.code-content{background:var(--code-bg)!important;font-family:var(--mono)!important;margin:0!important;padding:clamp(1rem,2vw,1.35rem)!important;font-size:clamp(.82rem,.45vw + .72rem,.98rem)!important;line-height:1.72!important;overflow-x:auto!important}.code-content code,.code-content span{font-size:inherit}.project-code{color:var(--accent-strong);background:color-mix(in srgb, var(--code-bg) 76%, var(--surface));border:1px solid color-mix(in srgb, var(--code-border) 72%, transparent);font-family:var(--mono);white-space:break-spaces;border-radius:.35rem;padding:.15em .38em;font-size:.9em}pre{margin:0}@media (width<=640px){main:has(.article){padding-inline:0;padding-top:calc(var(--nav-height) + 1.4rem)}.article{border-left:0;border-right:0;border-radius:0}}