:root{--bg:#f5f7f4;--surface:#fff;--surface-muted:#eaf0eb;--text:#53605a;--text-strong:#17231d;--border:#d5dfd8;--accent:#146b58;--accent-strong:#0c4d40;--accent-soft:#d8eee7;--shadow:0 18px 40px #1632271a;--sans:"Avenir Next", "Trebuchet MS", sans-serif;--heading:Georgia, "Times New Roman", serif;--mono:"SFMono-Regular", Consolas, monospace;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.6 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--bg:#111815;--surface:#18231e;--surface-muted:#20332a;--text:#b2c2b9;--text-strong:#eef8f1;--border:#30483b;--accent:#7dd9bb;--accent-strong:#a6efd5;--accent-soft:#214b3e;--shadow:0 18px 40px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}#root{min-height:100vh}body{background:var(--bg);min-width:320px;margin:0;transition:background-color .18s,color .18s}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text-strong);font-family:var(--heading);line-height:1.1}a{color:var(--accent)}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}code,.counter{color:var(--text-strong);font-family:var(--mono)}code{background:var(--surface-muted);border-radius:3px;padding:3px 6px}.home-page{background:var(--bg);min-height:100vh}.home{width:100%;padding-top:72px}.home>section{width:100%}.home__hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 20%, var(--accent-soft), transparent 36%);align-items:center;min-height:680px;padding:30px max(28px,50% - 470px);display:flex}.home__hero-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:80px;width:100%;max-width:1100px;margin:0 auto;display:grid}.home__hero-content{text-align:left;max-width:760px}.home__portrait{border:1px solid var(--border);width:450px;color:var(--accent);background:linear-gradient(145deg, var(--surface), var(--surface-muted));box-shadow:var(--shadow);font:700 12px var(--mono);letter-spacing:2px;text-transform:uppercase;border-radius:30%;place-items:center;display:grid;overflow:hidden}.home__portrait img{object-fit:cover;width:100%;height:100%}.home__hero h3{letter-spacing:-2px;max-width:720px;margin:0;font-size:clamp(48px,8vw,104px);font-weight:400}.home__eyebrow{color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin:22px 0 0;font-size:13px;font-weight:700}.home__intro{max-width:650px;margin:24px 0 0;font-size:18px;line-height:1.75}.home__hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.home__button{border:1px solid var(--accent);color:#fff;background:var(--accent);border-radius:3px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.home__button:hover{background:var(--accent-strong);transform:translateY(-2px)}.home__button--secondary{color:var(--accent);background:0 0}.home__button--secondary:hover{color:var(--accent-strong);background:var(--accent-soft)}@media (width<=768px){.home__hero{min-height:600px;padding:92px 22px 72px}.home__hero-layout{grid-template-columns:1fr;gap:42px}.home__hero h3{font-size:58px}.home__intro{font-size:16px}.home__hero-actions{flex-direction:column;align-items:stretch}.home__button{width:100%}.home__portrait{width:min(100%,240px);margin:0 auto}}.sidebar{z-index:100;border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg) 90%, transparent);width:210px;height:calc(100vh - 72px);position:fixed;top:72px;left:0}.sidebar__content{flex-direction:column;height:100%;padding:38px 28px;display:flex}.sidebar__nav,.sidebar__social{flex-direction:column;gap:14px;display:flex}.sidebar__link,.sidebar__social a{width:fit-content;color:var(--text);font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0;text-decoration:none;transition:color .18s,opacity .18s,transform .18s}.sidebar__link:hover,.sidebar__social a:hover{color:var(--accent);opacity:1;transform:translate(4px)}.sidebar__social{margin-top:auto;font-size:13px}@media (width<=900px){.sidebar{display:none}}.skills,.projects,.experience,.contact{max-width:940px;margin:0 auto;padding:100px 28px}.skills__container,.projects__container,.experience__container,.contact__container{width:100%}.skills__heading,.projects__heading,.experience__heading,.contact__heading{align-items:baseline;gap:14px;margin-bottom:42px;display:flex}.skills__heading h2,.projects__heading h2,.experience__heading h2,.contact__heading h2{margin:0;font-size:42px;font-weight:400}.skills__heading span,.projects__heading span,.experience__heading span,.contact__heading span{color:var(--accent);font:700 12px var(--mono)}.skills__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.skills__group{border:1px solid var(--border);background:var(--surface);padding:24px}.skills__group h3{font:700 15px var(--sans);margin-bottom:20px}.skills__list{flex-wrap:wrap;gap:8px;display:flex}.skills__item,.project-card__technologies span{border:1px solid var(--border);color:var(--text-strong);background:var(--surface-muted);border-radius:3px;padding:7px 10px;font-size:13px}@media (width<=600px){.skills,.projects,.experience,.contact{padding:72px 22px}.skills__grid{grid-template-columns:1fr}.skills__heading h2,.projects__heading h2,.experience__heading h2,.contact__heading h2{font-size:34px}}.projects__list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);padding:24px;box-shadow:0 8px 20px #1632270a}.project-card h3{margin-bottom:12px;font-size:22px;font-weight:400}.project-card p{min-height:78px;margin-bottom:22px;line-height:1.65}.project-card__technologies{flex-wrap:wrap;gap:7px;margin-bottom:24px;display:flex}.project-card a,.projects__more{color:var(--accent);font-size:14px;font-weight:700;text-decoration:none}.projects__more{margin-top:24px;display:inline-block}.project-card a:hover,.projects__more:hover{text-decoration:underline}@media (width<=600px){.projects__list{grid-template-columns:1fr}}.experience__timeline{flex-direction:column;display:flex}.experience__item{border-top:1px solid var(--border);grid-template-columns:150px 1fr;gap:30px;padding:26px 0;display:grid}.experience__item:last-child{border-bottom:1px solid var(--border)}.experience__period{color:var(--accent);font:700 12px var(--mono)}.experience__details h3{margin-bottom:6px;font-size:22px;font-weight:400}.experience__details h4{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.experience__details p{max-width:650px;line-height:1.7}@media (width<=600px){.experience__item{grid-template-columns:1fr;gap:10px}}.contact{padding-bottom:140px}.contact__container{flex-direction:column;gap:24px;display:flex}.contact__content{flex-direction:column;gap:18px;max-width:680px;display:flex}.contact__heading h2{margin:0;font-size:42px;font-weight:700}.contact__item{color:var(--text-strong);align-items:center;gap:24px;width:fit-content;font-size:28px;font-weight:500;line-height:2;display:flex}.contact__icon{object-fit:contain;filter:brightness(0)saturate(0)invert(.35)sepia()saturate(2.2)hue-rotate(120deg);flex-shrink:0;width:36px;height:36px}.projects-page{background:var(--bg);min-height:100vh;padding:150px 22px 90px}.projects-container{max-width:940px;margin:0 auto}.projects-header{max-width:700px;margin-bottom:54px}.projects-label{margin-bottom:14px;display:block}.projects-header h1{margin-bottom:18px;font-size:clamp(48px,8vw,84px);font-weight:400}.projects-intro{max-width:620px;font-size:18px;line-height:1.75}.projects-grid{gap:18px;display:grid}.projects-page .project-card{border:1px solid var(--border);background:var(--surface);padding:24px;overflow:hidden}.project-title-link{color:var(--text-strong);text-decoration:none}.project-title-link h2{margin-bottom:22px;font-size:28px;font-weight:400}.project-title-link:hover h2{color:var(--accent)}.project-card-body{grid-template-columns:220px 1fr;align-items:start;gap:26px;display:grid}.project-image{background:var(--surface-muted);height:170px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-image-placeholder{height:100%;color:var(--accent);place-items:center;font-size:13px;font-weight:700;display:grid}.project-image-link{height:100%;text-decoration:none;display:block}.project-image-overlay{display:none}.project-description{margin-bottom:20px;line-height:1.7}.project-technologies,.project-links{flex-wrap:wrap;gap:8px;display:flex}.project-technologies{margin-bottom:22px}.project-technologies span,.project-detail-technologies span{color:var(--text-strong);background:var(--surface-muted);border-radius:3px;padding:6px 9px;font-size:12px}.project-links a{font-size:14px;font-weight:700;text-decoration:none}@media (width<=650px){.projects-page{padding-top:120px}.project-card-body{grid-template-columns:1fr}.project-image{height:210px}}.project-progress{text-align:center;background:radial-gradient(circle at 50% 30%, var(--accent-soft), transparent 40%);place-items:center;min-height:100vh;padding:140px 22px 80px;display:grid}.project-progress__content{max-width:640px}.project-progress__label,.projects-label,.project-detail-category{color:var(--accent);font:700 12px var(--mono);letter-spacing:2px;text-transform:uppercase}.project-progress h1{margin-bottom:18px;font-size:clamp(48px,8vw,88px);font-weight:400}.project-progress p{margin:0 auto;line-height:1.75}.project-progress__actions{justify-content:center;gap:12px;margin-top:30px;display:flex}.project-progress__actions a{border:1px solid var(--accent);color:var(--accent);border-radius:3px;padding:11px 18px;font-weight:700;text-decoration:none}@media (width<=600px){.project-progress__actions{flex-direction:column}}.chatbot-window,.chatbot-button{--chatbot-accent:#2563eb;--chatbot-accent-hover:#1d4ed8;--chatbot-accent-soft:#eff6ff;--chatbot-on-accent:#fff;--chatbot-user-bg:#eaf1ff;--chatbot-assistant-bg:var(--surface-muted);--chatbot-shadow:0 20px 55px #14264233}:root[data-theme=dark] .chatbot-window,:root[data-theme=dark] .chatbot-button{--chatbot-accent:#60a5fa;--chatbot-accent-hover:#93c5fd;--chatbot-accent-soft:#1e3a5f;--chatbot-on-accent:#10213a;--chatbot-user-bg:#1d3555;--chatbot-assistant-bg:#202c38;--chatbot-shadow:0 20px 55px #0000006b}.chatbot-window{z-index:950;border:1px solid var(--border);width:min(380px,100vw - 32px);height:min(560px,100dvh - 120px);color:var(--text);background:var(--surface);box-shadow:var(--chatbot-shadow);font-family:var(--sans);border-radius:12px;flex-direction:column;animation:.18s ease-out both chatbot-enter;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden}.chatbot-window__header{min-height:78px;color:var(--chatbot-on-accent);background:var(--chatbot-accent);justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.chatbot-window__header h2{color:inherit;font-family:var(--sans);margin:0 0 4px;font-size:17px;font-weight:700;line-height:1.25}.chatbot-window__header span{color:inherit;opacity:.82;font-size:12px}.chatbot-window__header button{border:1px solid color-mix(in srgb, currentColor 35%, transparent);width:34px;height:34px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:22px;line-height:1;transition:background-color .16s,transform .16s;display:grid}.chatbot-window__header button:hover{background:color-mix(in srgb, currentColor 14%, transparent);transform:rotate(6deg)}.chatbot-window__messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex;overflow-y:auto}.chatbot-window__welcome{border:1px solid var(--border);background:var(--surface-muted);text-align:center;border-radius:8px;margin:auto 0;padding:18px 16px}.chatbot-window__welcome p{color:var(--text);margin:0;font-size:14px}.chat-message{border:1px solid var(--border);width:fit-content;max-width:86%;color:var(--text-strong);background:var(--chatbot-assistant-bg);overflow-wrap:anywhere;border-radius:12px;padding:11px 14px;font-size:14px;line-height:1.5}.chat-message--user{background:var(--chatbot-user-bg);border-color:#0000;border-bottom-right-radius:4px;align-self:flex-end}.chat-message--assistant{border-bottom-left-radius:4px;align-self:flex-start}.chatbot-input{border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;padding:12px;display:flex}.chatbot-input input{border:1px solid var(--border);width:0;min-width:0;color:var(--text-strong);background:var(--bg);font:inherit;border-radius:8px;flex:1;padding:11px 13px;font-size:13px;transition:border-color .16s,box-shadow .16s}.chatbot-input input::placeholder{color:var(--text);opacity:.72}.chatbot-input input:focus{border-color:var(--chatbot-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--chatbot-accent) 22%, transparent);outline:none}.chatbot-input button{width:42px;height:42px;color:var(--chatbot-on-accent);background:var(--chatbot-accent);font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;place-items:center;padding:0;font-size:20px;font-weight:700;transition:background-color .16s,transform .16s;display:grid}.chatbot-input button:hover{background:var(--chatbot-accent-hover);transform:translateY(-1px)}.chatbot-button{z-index:951;width:56px;height:56px;color:var(--chatbot-on-accent);background:var(--chatbot-accent);box-shadow:var(--chatbot-shadow);font:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:24px;transition:background-color .16s,box-shadow .16s,transform .16s;display:grid;position:fixed;bottom:24px;right:24px}.chatbot-button:hover{background:var(--chatbot-accent-hover);transform:translateY(-2px);box-shadow:0 12px 30px #2563eb4d}@keyframes chatbot-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.chatbot-window{width:calc(100vw - 24px);height:min(560px,100dvh - 100px);bottom:84px;right:12px}.chatbot-button{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.chatbot-window,.chatbot-window__header button,.chatbot-input input,.chatbot-input button,.chatbot-button{transition:none;animation:none}}.header{z-index:900;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:72px;position:fixed;inset:0 0 auto}.header__container{align-items:center;height:100%;margin:0 auto;padding:0 28px;display:flex}.header__logo{color:var(--text-strong);letter-spacing:3px;font-size:20px;font-weight:700;text-decoration:none}.header__logo span{color:var(--accent)}.header__nav{align-items:center;gap:28px;margin-left:auto;display:flex}.header__link{color:var(--text);opacity:.8;font-size:14px;font-weight:600;text-decoration:none;transition:color .18s,opacity .18s}.header__link:hover{color:var(--accent);opacity:1}.header__actions{margin-left:24px}.theme-toggle{border:1px solid var(--border);width:38px;height:38px;color:var(--text-strong);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:20px;transition:border-color .18s,color .18s,transform .18s;display:grid}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(12deg)}@media (width<=768px){.header__container{padding:0 18px}.header__nav{display:none}.header__actions{margin-left:auto}}