:root{--shimmer:#ffe9d6;--bg:#0a0a0c;--bg-elevated:#141418;--bg-input:#1a1a20;--border:#26262c;--border-strong:#35353d;--text:#f5f5f7;--text-muted:#9a9aa4;--grad-1:#a855f7;--grad-2:#ec4899;--grad-3:#fb923c;--gradient:linear-gradient(115deg, var(--grad-1), var(--grad-2), var(--grad-3));--gradient-soft:linear-gradient(115deg, #a855f72e, #ec489924, #fb923c1f);--accent:#c084fc;--accent-strong:#e879f9;--accent-dim:#c084fc24;--shadow:0 8px 40px #00000080;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--container:68rem;--nav-h:3.8rem;--section-gap:clamp(5rem, 12vw, 9rem);--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fff;--bg-elevated:#f7f7f9;--bg-input:#fff;--border:#e3e3e8;--border-strong:#c8c8d0;--text:#1d1d1f;--text-muted:#6e6e73;--shimmer:#ff6b35;--grad-1:#9333ea;--grad-2:#db2777;--grad-3:#ea580c;--gradient:linear-gradient(115deg, var(--grad-1), var(--grad-2), var(--grad-3));--gradient-soft:linear-gradient(115deg, #9333ea1a, #db277714, #ea580c12);--accent:#9333ea;--accent-strong:#7e22ce;--accent-dim:#9333ea1a;--shadow:0 8px 40px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--font);transition:background-color .4s var(--ease), color .4s var(--ease);font-size:1.0625rem;line-height:1.65}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.03em;font-weight:600;line-height:1.08}h1{font-size:clamp(2.75rem,8vw,5.5rem)}h2{font-size:clamp(2rem,5vw,3.25rem)}h3{letter-spacing:-.02em;font-size:clamp(1.15rem,2.5vw,1.45rem)}a{color:var(--accent);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--accent-strong)}::selection{background:var(--accent-dim);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.gradient-text{background:var(--gradient);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.gradient-text--animated{background-image:linear-gradient(100deg, var(--grad-1) 0%, var(--grad-2) 20%, var(--shimmer) 35%, var(--grad-3) 50%, var(--grad-2) 70%, var(--grad-1) 100%);background-size:250%;animation:6s linear infinite shimmer}@keyframes shimmer{0%{background-position:250%}to{background-position:-250%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2rem)}.section{padding-block:var(--section-gap);border-top:1px solid var(--border)}.section__label{letter-spacing:.14em;text-transform:uppercase;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:inline-block}.section__lead{max-width:42rem;color:var(--text-muted);margin-top:1.5rem;font-size:clamp(1.1rem,2vw,1.3rem)}.nav{z-index:100;transition:background-color .35s var(--ease), border-color .35s var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav__progress{background:var(--gradient);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav--solid{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav__inner{max-width:var(--container);height:var(--nav-h);align-items:center;gap:1.25rem;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2rem);display:flex}.nav__brand{letter-spacing:-.02em;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.1rem;font-weight:700}.nav__links{scrollbar-width:none;gap:1.4rem;margin-right:auto;list-style:none;display:flex;overflow-x:auto}.nav__links::-webkit-scrollbar{display:none}.nav__links a{color:var(--text-muted);white-space:nowrap;transition:color .2s var(--ease);padding-block:.35rem;font-size:.92rem;position:relative}.nav__links a:hover,.nav__links a.nav__link--active{color:var(--text)}.section{scroll-margin-top:calc(var(--nav-h) + 1px)}.theme-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;width:2.4rem;height:2.4rem;transition:border-color .25s var(--ease), transform .25s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.06)}.hero{--hero-space:clamp(1.25rem, 3vw, 1.75rem);text-align:center;min-height:100svh;padding:calc(var(--nav-h) + 2rem) 0 7rem;place-items:center;display:grid;position:relative;overflow:hidden}.hero__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__inner{z-index:1;align-items:center;gap:var(--hero-space);animation:hero-in .9s var(--ease) both;flex-direction:column;display:flex;position:relative}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero__photo-frame{isolation:isolate;aspect-ratio:1;border-radius:50%;width:clamp(9rem,22vw,12.5rem);padding:4px;position:relative}.hero__photo-frame:before{content:"";z-index:0;background:conic-gradient(from var(--ring-angle), var(--grad-1) 0deg, var(--grad-2) 70deg, var(--shimmer) 130deg, var(--grad-3) 190deg, var(--grad-2) 280deg, var(--grad-1) 360deg);border-radius:50%;animation:5s linear infinite ring-spin;position:absolute;inset:0}.hero__photo-frame:after{content:"";z-index:-1;background:var(--gradient);filter:blur(28px);opacity:.35;border-radius:50%;position:absolute;inset:-18px}.hero__photo{z-index:2;aspect-ratio:1;object-fit:cover;object-position:center 35%;border-radius:50%;width:100%;height:auto;position:relative}@keyframes ring-spin{to{--ring-angle:360deg}}.hero__name{margin-top:0}.hero__tagline{max-width:34rem;color:var(--text-muted);margin-block:-.4rem .4rem;font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.2}.hero__resume{margin-top:0;text-decoration:none}.hero__scroll{bottom:var(--hero-space);border:1px solid var(--border-strong);border-radius:999px;justify-items:center;width:1.5rem;height:2.4rem;padding-top:.45rem;display:grid;position:absolute;left:50%;translate:-50%}.hero__scroll-line{background:var(--gradient);width:3px;height:.5rem;animation:scroll-hint 1.8s var(--ease) infinite;border-radius:999px}@keyframes scroll-hint{0%{opacity:0;transform:translateY(0)}25%{opacity:1}75%{opacity:0;transform:translateY(.85rem)}to{opacity:0;transform:translateY(.85rem)}}.card-grid{gap:1.25rem;margin-top:3rem;display:grid}.card{border:1px solid var(--border);background:var(--bg-elevated);transition:border-color .3s var(--ease), transform .3s var(--ease);border-radius:18px;padding:clamp(1.5rem,3vw,2.25rem)}.card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.card__meta{color:var(--text-muted);margin-top:.35rem;font-size:.95rem}.card__tech{background:var(--accent-dim);color:var(--accent);border-radius:999px;margin-top:.75rem;padding:.25rem .7rem;font-size:.8rem;display:inline-block}.card__list{color:var(--text-muted);gap:.6rem;margin-top:1.25rem;padding-left:1.1rem;display:grid}.card__list li::marker{color:var(--accent)}.skills{gap:2.5rem;margin-top:3rem;display:grid}.skills__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-size:.78rem;font-weight:600}.skills__grid{flex-wrap:wrap;gap:.75rem;list-style:none;display:flex}.skill{border:1px solid var(--border);background:var(--bg-elevated);width:3.5rem;height:3.5rem;color:var(--text-muted);cursor:default;transition:color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), background-color .25s var(--ease);border-radius:14px;place-items:center;display:grid;position:relative}.skill:hover{color:var(--brand,var(--accent));background:var(--bg-input);border-color:currentColor;transform:translateY(-4px)}.skill__mark{place-items:center;font-size:1.5rem;display:grid}.skill__mono{letter-spacing:.04em;font-size:.72rem;font-weight:700}.skill__tip{background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s var(--ease), translate .2s var(--ease);z-index:5;border-radius:8px;padding:.35rem .65rem;font-size:.78rem;font-weight:500;position:absolute;bottom:calc(100% + .5rem);left:50%;translate:-50% 4px}.skill:hover .skill__tip,.skill:focus-visible .skill__tip{opacity:1;translate:-50%}.btn{background:var(--gradient);color:#fff;cursor:pointer;transition:background-position .5s var(--ease), opacity .2s var(--ease);background-size:200%;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background-position:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.chat__window{border:1px solid var(--border);background:var(--bg-elevated);border-radius:20px;margin-top:2.5rem;overflow:hidden}.chat__messages{flex-direction:column;gap:1rem;min-height:16rem;max-height:26rem;padding:1.5rem;display:flex;overflow-y:auto}.chat__empty{text-align:center;color:var(--text-muted);margin:auto}.bubble{border-radius:18px;max-width:82%;padding:.8rem 1.1rem;line-height:1.55}.bubble--user{background:var(--gradient);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.bubble--bot{background:var(--bg-input);border:1px solid var(--border);border-bottom-left-radius:6px;align-self:flex-start}.chat__form{border-top:1px solid var(--border);gap:.75rem;padding:1rem;display:flex}.chat__input{border:1px solid var(--border);background:var(--bg-input);transition:border-color .2s var(--ease);border-radius:999px;flex:1;padding:.8rem 1.1rem}.chat__input:focus{border-color:var(--accent);outline:none}.chat__error{color:var(--text-muted);padding:0 1.5rem 1rem;font-size:.92rem}.chat__hint{max-width:82%;color:var(--text-muted);animation:hint-in .4s var(--ease) both;align-self:flex-start;font-size:.85rem}@keyframes hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.typing{align-items:center;gap:5px;padding:.25rem 0;display:inline-flex}.typing span{background:var(--accent);width:7px;height:7px;animation:typing-bounce 1.3s var(--ease) infinite;border-radius:50%}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.form{gap:1.25rem;max-width:36rem;margin-top:2.5rem;display:grid}.field{gap:.5rem;display:grid}.field label{letter-spacing:.04em;color:var(--text-muted);font-size:.85rem;font-weight:600}.field input,.field textarea{border:1px solid var(--border);background:var(--bg-input);resize:vertical;transition:border-color .2s var(--ease);border-radius:12px;padding:.85rem 1.1rem}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field__error{color:#f87171;font-size:.85rem}.form__status{color:var(--text-muted);font-size:.95rem}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding-block:4rem}.footer__links{justify-content:center;gap:1rem;margin-bottom:1.75rem;display:flex}.footer__icon{border:1px solid var(--border);width:2.75rem;height:2.75rem;color:var(--text-muted);transition:color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), background-color .25s var(--ease);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.footer__icon:hover{color:#fff;background:var(--gradient);border-color:#0000;transform:translateY(-3px)}@media (width>=48rem){.card-grid--two{grid-template-columns:repeat(2,1fr)}}@media (hover:none){.skill{gap:.35rem;width:auto;min-width:3.5rem;height:auto;padding:.6rem .5rem}.skill__tip{opacity:1;max-width:5rem;color:var(--text-muted);white-space:normal;text-align:center;background:0 0;padding:0;font-size:.62rem;line-height:1.25;position:static;translate:none}.skill:hover .skill__tip,.skill:focus-visible .skill__tip{translate:none}}@media (width<=30rem){.section{padding-block:3.5rem}.hero__tagline{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}.chat__form{flex-wrap:wrap}.chat__input{min-width:0}.btn{width:100%}.bubble{max-width:92%}}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card__link{color:var(--text-muted);border:1px solid var(--border);transition:color .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.85rem;font-weight:500;display:inline-flex}.card__link:hover{color:#fff;background:var(--gradient);border-color:#0000}