@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(./assets/fonts/poppins-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(./assets/fonts/poppins-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(./assets/fonts/poppins-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(./assets/fonts/poppins-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(./assets/fonts/poppins-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: #6d5dfc;--accent-2: #2bb3d9;--accent-3: #ec4899;--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));--on-accent: #ffffff;--nav-underline: var(--accent-gradient);--progress-gradient: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));--accent-glow: rgba(109, 93, 252, .35);--accent-glow-strong: rgba(109, 93, 252, .45);--bg: #f6f7fb;--surface: rgba(255, 255, 255, .72);--surface-solid: #ffffff;--surface-2: #f3f4fb;--text: #181a2b;--text-muted: #555a72;--border: rgba(24, 26, 43, .1);--accent-text: #5846ea;--accent-text-2: #c026d3;--accent-soft: rgba(109, 93, 252, .12);--header-bg: rgba(246, 247, 251, .7);--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(24, 26, 43, .12);--shadow-sm: 0 2px 10px rgba(24, 26, 43, .06);--shadow-md: 0 14px 36px rgba(24, 26, 43, .1);--shadow-lg: 0 24px 60px rgba(24, 26, 43, .18);--blob-opacity: .38;--dot-color: rgba(24, 26, 43, .09);--cloud-top: rgba(255, 255, 255, .95);--cloud-bottom: rgba(214, 228, 255, .55);--cloud-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='s' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='9'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='%23000' filter='url(%23s)'%3E%3Cellipse cx='110' cy='200' rx='88' ry='44'/%3E%3Cellipse cx='168' cy='163' rx='66' ry='52'/%3E%3Cellipse cx='238' cy='196' rx='78' ry='40'/%3E%3Cellipse cx='300' cy='210' rx='52' ry='28'/%3E%3Cellipse cx='425' cy='168' rx='58' ry='44'/%3E%3Cellipse cx='486' cy='196' rx='82' ry='38'/%3E%3Cellipse cx='536' cy='208' rx='46' ry='28'/%3E%3C/g%3E%3C/svg%3E");--neon-1: #6d5dfc;--neon-2: #2bb3d9;--neon-3: #ec4899;--font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--header-h: 72px;--container: 1140px;--radius-sm: 12px;--radius: 16px;--radius-lg: 24px;--glass: saturate(160%) blur(18px);--ease: cubic-bezier(.22, .61, .36, 1);--t-fast: .2s;--t: .35s;--theme-transition: background-color var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);color-scheme:light}[data-theme=dark]{--bg-color-1: #092328;--bg-color-2: #12544f;--bg-color-3: #2a835f;--bg-color-4: #8bbb92;--nav-underline: linear-gradient(135deg, var(--bg-color-3), var(--bg-color-4));--progress-gradient: linear-gradient(90deg, var(--bg-color-2), var(--bg-color-3), var(--bg-color-4));--bg: #092328;--surface: rgba(14, 50, 54, .62);--surface-solid: #0f3035;--surface-2: #164045;--text: #eceefb;--text-muted: #a4a9c6;--border: rgba(255, 255, 255, .09);--accent: #2a835f;--accent-2: #8bbb92;--accent-3: #5c9e76;--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));--accent-text: #8bbb92;--accent-text-2: #c2e0c6;--accent-soft: rgba(42, 131, 95, .22);--accent-glow: rgba(42, 131, 95, .35);--accent-glow-strong: rgba(42, 131, 95, .5);--header-bg: rgba(9, 35, 40, .65);--panel-bg: rgba(11, 42, 47, .8);--panel-border: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--shadow-md: 0 14px 36px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--blob-opacity: .45;--dot-color: rgba(255, 255, 255, .06);--neon-1: #2ee6a8;--neon-2: #5ff2ff;--neon-3: #8bbb92;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:1rem;line-height:1.7;color:var(--text);background-color:var(--bg);overflow-x:clip;transition:var(--theme-transition)}.main{overflow-x:clip}body:has(.modal[open]){overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul{list-style:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:1rem;top:-100px;z-index:200;padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:600}.skip-link:focus{top:1rem}.bg-animated{position:fixed;inset:0 0 -130px;z-index:-1;overflow:hidden;pointer-events:none;will-change:transform;transform:translateZ(0)}.bg-animated:after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}.bg-blob{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(90px);opacity:var(--blob-opacity);will-change:transform;transition:opacity var(--t) var(--ease)}.bg-blob--1{top:-18%;left:-12%;background:var(--accent);animation:blob-drift-1 26s ease-in-out infinite alternate,blob-colors 18s linear infinite}.bg-blob--2{top:10%;right:-18%;background:var(--accent-2);animation:blob-drift-2 30s ease-in-out infinite alternate,blob-colors 18s linear infinite -6s}.bg-blob--3{bottom:-22%;left:20%;background:var(--accent-3);animation:blob-drift-3 24s ease-in-out infinite alternate,blob-colors 18s linear infinite -12s}.bg-blob--4{top:45%;left:-20%;width:32vmax;height:32vmax;background:var(--accent-2);animation:blob-drift-2 34s ease-in-out infinite alternate-reverse,blob-colors 22s linear infinite -3s}[data-theme=dark] .bg-blob--1{background:var(--bg-color-3);animation:blob-drift-1 26s ease-in-out infinite alternate,blob-colors-dark 24s linear infinite -12s}[data-theme=dark] .bg-blob--2{background:var(--bg-color-2);animation:blob-drift-2 30s ease-in-out infinite alternate,blob-colors-dark 24s linear infinite -6s}[data-theme=dark] .bg-blob--3{background:var(--bg-color-4);animation:blob-drift-3 24s ease-in-out infinite alternate,blob-colors-dark 24s linear infinite -18s}[data-theme=dark] .bg-blob--4{background:var(--bg-color-1);animation:blob-drift-2 34s ease-in-out infinite alternate-reverse,blob-colors-dark 24s linear infinite}@keyframes blob-drift-1{0%{transform:translate(0) scale(1)}50%{transform:translate(28vw,18vh) scale(1.15)}to{transform:translate(12vw,45vh) scale(.9)}}@keyframes blob-drift-2{0%{transform:translate(0) scale(1)}50%{transform:translate(-25vw,25vh) scale(.85)}to{transform:translate(-8vw,-10vh) scale(1.2)}}@keyframes blob-drift-3{0%{transform:translate(0) scale(1.1)}50%{transform:translate(20vw,-30vh) scale(.9)}to{transform:translate(-15vw,-15vh) scale(1)}}@keyframes blob-colors{0%,to{background-color:var(--accent)}33%{background-color:var(--accent-2)}66%{background-color:var(--accent-3)}}@keyframes blob-colors-dark{0%,to{background-color:var(--bg-color-1)}25%{background-color:var(--bg-color-2)}50%{background-color:var(--bg-color-3)}75%{background-color:var(--bg-color-4)}}.bg-meteors{position:absolute;inset:0;overflow:hidden}.meteor{--angle: 135deg;--len: 140px;--travel: 90vmax;--thickness: 2px;--color: var(--neon-2);position:absolute;top:var(--y, 0);left:var(--x, 0);width:var(--len);height:var(--thickness);border-radius:var(--thickness);transform-origin:100% 50%;background:linear-gradient(90deg,transparent,var(--color));filter:drop-shadow(0 0 6px var(--color));opacity:0;will-change:transform,opacity;animation:meteor-fall var(--dur, 6s) linear var(--delay, 0s) infinite}.meteor:after{content:"";position:absolute;right:0;top:50%;width:calc(var(--thickness) * 2.5);height:calc(var(--thickness) * 2.5);border-radius:50%;transform:translate(50%,-50%);background:#fff;box-shadow:0 0 10px 2px var(--color),0 0 22px 6px var(--color)}@keyframes meteor-fall{0%{transform:rotate(var(--angle)) translateZ(0);opacity:0}8%{opacity:var(--meteor-opacity, .9)}75%{opacity:var(--meteor-opacity, .9)}to{transform:rotate(var(--angle)) translate3d(var(--travel),0,0);opacity:0}}:root:not([data-theme=dark]) .bg-meteors{display:none}.bg-clouds{position:absolute;inset:0;overflow:hidden}[data-theme=dark] .bg-clouds{display:none}.cloud-band{position:absolute;left:-100%;width:300%;background:linear-gradient(180deg,var(--cloud-top),var(--cloud-bottom));-webkit-mask-image:var(--cloud-shape);mask-image:var(--cloud-shape);-webkit-mask-size:33.333% 100%;mask-size:33.333% 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;will-change:transform;animation:cloud-drift var(--cloud-dur, 90s) linear infinite}.cloud-band--1{--cloud-dur: 120s;top:6%;height:26vh;opacity:.5}.cloud-band--2{--cloud-dur: 80s;top:34%;height:34vh;opacity:.62;animation-delay:-30s}.cloud-band--3{--cloud-dur: 55s;bottom:-4%;height:42vh;opacity:.72;animation-delay:-12s}@keyframes cloud-drift{0%{transform:translateZ(0)}to{transform:translate3d(-33.333%,0,0)}}@media(prefers-reduced-motion:reduce){.bg-meteors{display:none}.cloud-band{animation:none}}.container{width:min(100% - 2.5rem,var(--container));margin-inline:auto}.section{padding-block:clamp(2.75rem,5vw,4.25rem)}.section__header{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.section__title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}.section__title:after{content:"";display:block;width:64px;height:4px;margin:.8rem auto 0;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));transform:scaleX(0);transition:transform .8s var(--ease) .3s}.section__header.is-visible .section__title:after,html:not(.js) .section__title:after{transform:scaleX(1)}.section__subtitle{max-width:560px;margin:1rem auto 0;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:2px solid transparent;border-radius:999px;font-size:.95rem;font-weight:600;transition:var(--theme-transition),transform var(--t-fast) var(--ease)}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 22px var(--accent-glow)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--accent-glow-strong)}.btn--ghost{border-color:var(--border);background:var(--surface);color:var(--text);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.btn--ghost:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent-text)}.btn--sm{padding:.55rem 1.1rem;font-size:.85rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.2rem .65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:.75rem;font-weight:500;line-height:1.6}.header{position:sticky;top:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-bottom:1px solid transparent;transition:var(--theme-transition)}.header.is-scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.scroll-progress{position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:var(--progress-gradient);transform:scaleX(var(--progress, 0));transform-origin:left}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:var(--header-h)}.nav__logo{justify-self:start;font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.nav__logo span{color:var(--accent-text)}.nav__menu{display:flex;align-items:center;justify-content:center;gap:clamp(1.25rem,3vw,2.5rem);text-align:center}.nav__link{position:relative;display:inline-block;padding:.35rem .15rem;color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color var(--t-fast) var(--ease)}.nav__link--home{font-size:1.15rem;font-weight:700;color:var(--text)}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:3px;background:var(--nav-underline);transform:scaleX(0);transform-origin:center;transition:transform var(--t) var(--ease)}.nav__link:hover,.nav__link.active{color:var(--text)}.nav__link.active:after{transform:scaleX(1)}.nav__actions{justify-self:end;display:flex;align-items:center;gap:.5rem}.theme-toggle,.nav__burger{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:1.2rem;transition:var(--theme-transition),transform var(--t) var(--ease)}.theme-toggle:hover,.nav__burger:hover{border-color:var(--accent);color:var(--accent-text)}.theme-toggle:hover{transform:rotate(-20deg)}.theme-toggle{position:relative}.theme-toggle:active{transform:scale(.86);transition-duration:var(--t-fast)}.theme-toggle.is-switching{animation:theme-spin .6s var(--ease)}.theme-toggle:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--accent);opacity:0;pointer-events:none}.theme-toggle.is-switching:after{animation:theme-ripple .6s var(--ease)}@keyframes theme-spin{0%{transform:rotate(0) scale(1)}35%{transform:rotate(150deg) scale(.78)}to{transform:rotate(360deg) scale(1)}}@keyframes theme-ripple{0%{opacity:.85;transform:scale(.9)}to{opacity:0;transform:scale(2.1)}}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}.theme-toggle i{animation:icon-pop .4s var(--ease)}@keyframes icon-pop{0%{transform:rotate(-90deg) scale(.4);opacity:0}to{transform:none;opacity:1}}.nav__burger{display:none}.home{display:flex;align-items:center;min-height:calc(100svh - var(--header-h));padding-block:clamp(3rem,6vw,5rem)}.home__container{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(2.5rem,6vw,5rem)}@property --ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.home__photo-wrap{position:relative;width:clamp(220px,28vw,340px);aspect-ratio:1;padding:6px;border-radius:50%;background:conic-gradient(from var(--ring-angle),var(--accent),var(--accent-2),var(--accent-3),var(--accent));box-shadow:0 24px 60px var(--accent-glow);animation:ring-spin 6s linear infinite,float 6s ease-in-out infinite}.home__photo-wrap:after{content:"";position:absolute;inset:-16px;border:2px dashed var(--accent);border-radius:50%;opacity:.4;animation:spin 40s linear infinite}@keyframes ring-spin{to{--ring-angle: 360deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -12px}}.home__photo{width:100%;height:100%;object-fit:cover;border:6px solid var(--bg);border-radius:50%;transition:border-color var(--t) var(--ease)}.home__visual{display:flex;flex-direction:column;align-items:center}.home__social{display:flex;justify-content:center;gap:.85rem;margin-top:2.75rem}.home__social-link{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--accent-text);font-size:1.65rem;box-shadow:var(--shadow-md);transition:var(--theme-transition),transform var(--t) var(--ease)}.home__social-link svg{width:1em;height:1em;fill:currentColor}.home__social-link:hover,.home__social-link:focus-visible{background:var(--accent-gradient);color:var(--on-accent);transform:translateY(-3px) scale(1.05)}.home__content{padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3vw,2.5rem);border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--shadow-md);transition:var(--theme-transition)}.home__name{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.typing{display:inline-grid}.typing__ghost,.typing__text{grid-area:1 / 1}.js .typing__ghost{visibility:hidden}.typing__text:after{content:"";display:inline-block;width:.08em;height:.9em;margin-left:.06em;border-radius:2px;background:var(--accent-text);vertical-align:-.08em;animation:caret-blink 1s steps(1) infinite}html:not(.js) .typing__text:after{display:none}.typing__text.is-typing:after{animation:none}@keyframes caret-blink{50%{opacity:0}}.home__role{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 1.25rem;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:600}.home__role:before{content:"";width:36px;height:3px;border-radius:3px;background:var(--accent-gradient)}.home__role span{background:linear-gradient(90deg,var(--accent-text),var(--accent-text-2),var(--accent-text));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}@keyframes shimmer{to{background-position:-200% center}}.home__intro{max-width:540px;color:var(--text);opacity:.86;font-size:1.05rem}.home__cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.about__panel{max-width:760px;margin-inline:auto;padding:clamp(1.75rem,4vw,3rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-md)}.about__text{font-size:1.05rem;color:var(--text);opacity:.9}.about__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.skills__panel{max-width:1040px;margin-inline:auto;padding:clamp(1.75rem,4vw,3rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-md)}.skill-group+.skill-group{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.skill-group__title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.skill-group__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-gradient);color:var(--on-accent);font-size:1.25rem;font-weight:400}.skill-group__subtitle{margin:1.5rem 0 .5rem;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.skill-group__title+.skill-group__subtitle{margin-top:0}.skill-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 2rem;align-items:start}.skill-col .skill-group__subtitle{margin-top:0}.skill-list{display:flex;flex-direction:column;gap:.15rem}.skill-list--cols{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:.15rem 2rem}.skill-item{display:flex;align-items:center;gap:.9rem;padding:.45rem .25rem;font-weight:500}.skill-item i,.skill-item svg{flex-shrink:0;width:1.75rem;color:var(--accent-text);font-size:1.4rem;text-align:center;transition:transform var(--t) var(--ease),color var(--t) var(--ease)}.skill-item svg{height:1.3rem;fill:currentColor}.skill-item span{transition:transform var(--t) var(--ease),color var(--t) var(--ease)}.skill-item:hover i,.skill-item:hover svg{transform:scale(1.2) rotate(-8deg);color:var(--accent-text-2)}.skill-item:hover span{transform:translate(6px);color:var(--accent-text)}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,2rem)}.project-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--theme-transition),transform var(--t) var(--ease)}.project-card:hover,.project-card:focus-within{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.project-card__media{aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-2)}.project-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.project-card:hover .project-card__img{transform:scale(1.06)}.project-card__body{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.35rem 1.4rem}.project-card__title{font-size:1.1rem;font-weight:600;line-height:1.35}.project-card__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;color:var(--accent-text);font-size:.9rem;font-weight:600}.project-card__btn:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.project-card__btn:focus-visible{outline:none}.project-card__btn:focus-visible:after{outline:3px solid var(--accent);outline-offset:-3px;border-radius:var(--radius)}.project-card__btn i{transition:transform var(--t-fast) var(--ease)}.project-card:hover .project-card__btn i{transform:translate(4px)}.modal{width:min(1120px,calc(100% - 3rem),calc((100svh - 3rem) * 16 / 9));aspect-ratio:16 / 9;max-height:calc(100svh - 3rem);margin:auto;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-lg)}.modal[open]{display:flex;animation:modal-in .35s var(--ease)}.modal::backdrop{background:#080a1499;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes modal-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.modal__media{position:relative;flex:0 0 56%;min-height:0;overflow:hidden;background:var(--surface-2)}.modal__img{--pad: clamp(1.25rem, 3vw, 2.25rem);position:absolute;inset:var(--pad);width:calc(100% - 2 * var(--pad));height:calc(100% - 2 * var(--pad));object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.22))}.modal__close{position:absolute;top:.9rem;right:.9rem;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0d0f1c99;color:#fff;font-size:1.35rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--t-fast) var(--ease),transform var(--t) var(--ease)}.modal__close:hover{background:var(--accent);transform:rotate(90deg)}.modal__body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:1rem;padding:clamp(3.25rem,5vw,4rem) clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,3vw,2.5rem)}.modal__title{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;line-height:1.25}.modal__title:after{content:"";display:block;width:56px;height:4px;margin-top:.75rem;border-radius:4px;background:var(--accent-gradient)}.modal__desc{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:.5rem;color:var(--text-muted);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.modal__desc p+p{margin-top:.85rem}.modal--doc{width:min(900px,calc(100% - 3rem));height:calc(100svh - 3rem);aspect-ratio:auto;flex-direction:column;padding:clamp(1.25rem,3vw,2rem);gap:1rem}.modal__doc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding-right:3.25rem}.modal__title--doc{font-size:clamp(1.15rem,2vw,1.5rem)}.modal__title--doc:after{display:none}.modal__doc{flex:1;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.modal__frame{display:block;width:100%;height:100%;border:0}.modal__doc-fallback{font-size:.9rem;color:var(--text-muted);text-align:center}.modal__doc-fallback a{color:var(--accent-text);font-weight:600;text-decoration:underline}@media(max-width:900px){.skill-columns,.skill-list--cols{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-list--cols{grid-template-columns:repeat(2,auto)}}@media(max-width:560px){.skill-columns,.skill-list--cols{grid-template-columns:minmax(0,1fr)}.skill-list--cols{grid-template-columns:auto}.skill-col+.skill-col .skill-group__subtitle{margin-top:.5rem}}.contact__card{max-width:580px;margin-inline:auto;padding:clamp(.75rem,2.5vw,1.25rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:var(--shadow-md)}.contact__list>li+li{border-top:1px solid var(--border)}.contact__item{display:flex;align-items:center;gap:1rem;padding:.95rem .85rem;border-radius:var(--radius);transition:background-color var(--t) var(--ease),transform var(--t-fast) var(--ease)}.contact__item:hover{background:var(--accent-soft)}.contact__icon{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent-text);font-size:1.4rem;transition:var(--theme-transition),transform var(--t) var(--ease)}.contact__item:hover .contact__icon{background:var(--accent-gradient);color:var(--on-accent);transform:rotate(-8deg) scale(1.05)}.contact__text{display:flex;flex-direction:column;min-width:0}.contact__label{font-weight:600;line-height:1.35}.contact__value{color:var(--text-muted);font-size:.85rem;overflow-wrap:anywhere}.contact__arrow{margin-left:auto;color:var(--text-muted);font-size:1.1rem;transition:transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.contact__item:hover .contact__arrow{transform:translate(3px,-3px);color:var(--accent-text)}.footer{padding-block:1.75rem;border-top:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);color:var(--text-muted);font-size:.9rem;text-align:center;transition:var(--theme-transition)}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease),var(--theme-transition);transition-delay:var(--delay, 0s)}.js [data-reveal=up]{transform:translateY(40px)}.js [data-reveal=left]{transform:translate(-48px)}.js [data-reveal=right]{transform:translate(48px)}.js [data-reveal=zoom]{transform:scale(.85)}.js [data-reveal=blur]{transform:translateY(20px);filter:blur(12px)}.js [data-reveal=flip]{transform:perspective(900px) rotateX(22deg) translateY(50px);transform-origin:center top}.js [data-reveal].is-visible{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none;filter:none}.section__title:after{transform:scaleX(1)}.typing__text:after{display:none}}@media(max-width:1024px){.home__container{gap:3rem}.home__photo-wrap{width:clamp(220px,30vw,280px)}.projects__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767.98px){:root{--header-h: 64px}.nav{grid-template-columns:1fr auto}.nav__burger{display:grid}.nav__menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:.25rem;padding:.75rem 1.25rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface-solid);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--t) var(--ease),transform var(--t) var(--ease),visibility var(--t),var(--theme-transition)}.nav__menu.is-open{opacity:1;visibility:visible;transform:none}.nav__menu li{width:100%}.nav__link{padding:.6rem .25rem}.home{min-height:auto}.home__container{grid-template-columns:1fr;justify-items:center;text-align:center}.home__photo-wrap{width:clamp(200px,60vw,260px)}.home__content{width:100%}.home__role{justify-content:center}.home__intro{margin-inline:auto}.home__cta{justify-content:center}.projects__grid{grid-template-columns:1fr}.contact__item{padding:.85rem .5rem}.modal{width:calc(100% - 1.5rem);height:min(620px,calc(100svh - 1.5rem));aspect-ratio:auto}.modal[open]{flex-direction:column}.modal__media{flex-basis:38%}.modal__img{--pad: 0px;object-fit:cover;filter:none}.modal__body{padding:1.5rem 1.25rem 1.75rem}.modal--doc{width:calc(100% - 1.5rem);height:calc(100svh - 1.5rem);padding:1.25rem 1rem}.bg-blob{filter:blur(70px)}.bg-blob--4{display:none}}@media(max-width:900px),(hover:none){.header,.skills__panel,.about__panel,.project-card,.contact__card,.nav__menu,.modal__dialog{-webkit-backdrop-filter:none;backdrop-filter:none}:root{--surface: rgba(255, 255, 255, .9);--header-bg: rgba(246, 247, 251, .94)}[data-theme=dark]{--surface: rgba(14, 50, 54, .9);--header-bg: rgba(9, 35, 40, .94)}.bg-blob,[data-theme=dark] .bg-blob{filter:blur(60px);animation-name:blob-drift-flat;animation-duration:30s}.bg-blob--2,[data-theme=dark] .bg-blob--2{animation-name:blob-drift-flat-2}@keyframes blob-drift-flat{0%{transform:translateZ(0)}to{transform:translate3d(18vw,30vh,0)}}@keyframes blob-drift-flat-2{0%{transform:translateZ(0)}to{transform:translate3d(-16vw,18vh,0)}}.bg-blob--3,.cloud-band--2{display:none}.meteor{filter:none}}