:root{--container-max: 1100px;--bg: #0b0c10;--surface: #11131a;--text: #f2f4f8;--muted: #9CA3AF;--border: rgba(255, 255, 255, .12);--accent: #7c5cff;--radius: 14px}html[data-theme=light]{--bg: #ffffff;--surface: #f6f7fb;--text: #101114;--muted: #4b5563;--border: rgba(0, 0, 0, .12);--accent: #5b6cff}html,body{height:100%}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}img{max-width:100%;display:block}body{font-family:Hind,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:24px}.navbar{position:sticky;top:0;z-index:50;background:#2b2f334d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.navbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.navbar-brand a{text-decoration:none}.navbar-brand a img{width:100%;height:100%}.navbar-nav{display:flex;gap:1.5rem;flex-wrap:wrap}.navbar-link{color:var(--muted);text-decoration:none;font-size:16px;border-bottom:1px solid #9CA3AF;padding:.15rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.navbar-link:hover{color:var(--text);text-decoration:none;transform:translateY(-5px);transition:all .3s ease}@media(max-width:600px){.navbar-nav{gap:.5rem}.navbar-link{border-bottom:1px solid #9CA3AF;padding:.15rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.navbar-link:hover{transform:translateY(-5px)}}.footer{margin-top:60px;border-top:1px solid var(--border)}.footer-row{padding:18px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-muted{color:var(--muted)}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 10px;border-radius:999px;cursor:pointer}.theme-toggle:hover{filter:brightness(1.05)}.project-card{display:block;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:transform .12s ease,filter .12s ease}.project-card:hover{transform:translateY(-2px);filter:brightness(1.03)}.project-card__thumb-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--border)}.project-card__thumb{width:100%;height:100%;object-fit:cover}.project-card__body{padding:14px}.project-card__title{margin:0 0 6px;font-size:18px}.project-card__tagline{margin:0 0 12px;color:var(--muted);line-height:1.4}.project-card__tech-row{display:flex;gap:8px;flex-wrap:wrap}.project-card__tech{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.project-gallery{display:grid;gap:12px}.project-gallery__main img{border-radius:var(--radius);width:auto;height:auto;display:block}.project-gallery__thumbs{display:flex;gap:10px;flex-wrap:wrap}.project-gallery__thumb-btn{border:1px solid var(--border);border-radius:10px;background:transparent;padding:0;cursor:pointer;overflow:hidden;width:84px;height:54px}.project-gallery__thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.project-gallery__thumb-btn--active{outline:2px solid var(--accent);outline-offset:1px}.github-block{margin-top:28px}.github-block__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.github-block__title{margin:0}.github-block__link{color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--border)}.github-block__link:hover{color:var(--text)}.github-block__card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px;overflow-x:auto}.github-block__card svg{max-width:100%}.contact-form{margin-top:12px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px;display:grid;gap:12px}.contact-form__row{display:grid;gap:12px}@media(min-width:860px){.contact-form__row{grid-template-columns:1fr 1fr}}.contact-form__label{display:grid;gap:6px;font-size:14px;color:var(--muted)}.contact-form__input,.contact-form__textarea{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;padding:10px 12px;font:inherit;outline:none}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--accent)}.contact-form__button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px;border-radius:999px;cursor:pointer;width:fit-content}.contact-form__button:hover{filter:brightness(1.05)}.contact-success{margin-top:12px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:16px}.contact-success__title{margin:0 0 8px}.contact-success__text{margin:0 0 12px;color:var(--muted);line-height:1.6}.contact-success__button{display:inline-block;border:1px solid var(--border);background:transparent;color:var(--text);padding:10px 12px;border-radius:999px;text-decoration:none}.contact-success__button:hover{filter:brightness(1.05)}.projects-page__lead{color:var(--muted);margin-top:8px;margin-bottom:18px}.projects-page__grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:720px){.projects-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.projects-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-detail__back{display:inline-block;color:var(--muted);margin-bottom:14px;text-decoration:none}.project-detail__right h2{margin:0 0 10px}.project-detail__back:hover{color:var(--text)}.project-detail__title{margin:0}.project-detail__tagline{color:var(--muted);margin-top:10px;line-height:1.5}.project-detail__meta{margin-top:10px;color:var(--muted)}.project-detail__links{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap}.project-detail__links a{border:1px solid var(--border);padding:6px 10px;border-radius:999px}.project-detail__links a:hover{filter:brightness(1.05)}.project-detail__grid{margin-top:22px;display:grid;gap:22px;grid-template-columns:1fr}@media(min-width:980px){.project-detail__grid{grid-template-columns:1.2fr .8fr;align-items:start}}.project-detail__desc{line-height:1.7}.project-detail__list{margin-top:8px;line-height:1.7}.project-detail__tech-row{display:flex;gap:8px;flex-wrap:wrap}.project-detail__tech{font-size:14px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.project-detail__video{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.project-detail__video iframe{width:100%;height:320px;border:0}@media(min-width:980px){.project-detail__video iframe{height:360px}}.resume-page__top{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.resume-page__name{margin:0}.resume-page__title{margin:6px 0 0;color:var(--muted)}.resume-page__meta{margin:8px 0 0;color:var(--muted)}.resume-page__buttons{display:flex;gap:10px;flex-wrap:wrap}.resume-page__btn{display:inline-block;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px;border-radius:999px;text-decoration:none}.resume-page__btn:hover{filter:brightness(1.05)}.resume-page__btn--secondary{color:var(--muted)}.resume-page__section{margin-top:22px}.resume-page__stack{display:grid;gap:14px}.resume-page__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px}.resume-page__item-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.resume-page__muted{color:var(--muted)}.resume-page__list{margin:10px 0 0 18px;line-height:1.7}.resume-page__skills{display:grid;gap:16px;margin-bottom:60px}.resume-page__skills div h3{font-size:16px}@media(min-width:860px){.resume-page__skills{grid-template-columns:repeat(3,minmax(0,1fr))}}.resume-page__chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.chip2{font-size:14px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.book-page__lead{margin-top:8px;margin-bottom:16px;color:var(--muted);line-height:1.6;max-width:70ch}.book-page__embed{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden}.book-page__iframe{width:100%;height:760px;border:0;display:block}.book-page__note{margin-top:14px;color:var(--muted)}.contact-page__lead{margin-top:8px;margin-bottom:18px;color:var(--muted);line-height:1.6;max-width:75ch}.contact-page__grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:860px){.contact-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-card{display:block;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px;text-decoration:none;transition:transform .12s ease,filter .12s ease}.contact-card:hover{transform:translateY(-2px);filter:brightness(1.03)}.contact-card__title{font-weight:700;margin-bottom:6px}.contact-card__value{color:var(--text);margin-bottom:6px}.contact-card__hint{color:var(--muted);font-size:13px}.contact-page__section{margin-top:26px}.contact-page__muted{color:var(--muted);line-height:1.6}.contact-page__small{margin-top:12px;font-size:14px}.home-hero{display:grid;gap:18px;align-items:center;grid-template-columns:1fr;padding:18px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius)}@media(min-width:860px){.home-hero{grid-template-columns:160px 1fr;padding:22px}}.home-hero__avatar{width:140px;height:140px;border-radius:999px;border:1px solid var(--border);object-fit:cover}.home-hero__title{margin:0;font-size:34px}.home-hero__subtitle{margin:8px 0 0;color:var(--muted)}.home-hero__lead{margin:14px 0 0;color:var(--muted);line-height:1.7;max-width:75ch}.home-hero__actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px;border-radius:999px;text-decoration:none}.btn:hover{filter:brightness(1.05)}.btn--secondary{color:var(--muted)}.btn--ghost{background:transparent}.home-section{margin-top:26px}.home-section__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.home-section__title{margin:0}.home-section__link{color:var(--muted);text-decoration:none;border-bottom:1px dashed var(--border)}.home-section__link:hover{color:var(--text)}.home-projects{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:720px){.home-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.home-projects{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-chips{display:flex;gap:8px;flex-wrap:wrap}.home-muted{color:var(--muted);margin-top:12px}.home-cta{margin-top:30px;padding:18px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius)}.home-cta__title{margin:0 0 8px}.home-cta__text{margin:0;color:var(--muted);line-height:1.6;max-width:70ch}.home-cta__actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.about-hero{display:grid;gap:18px;align-items:center;grid-template-columns:1fr;padding:18px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius)}@media(min-width:860px){.about-hero{grid-template-columns:160px 1fr;padding:22px}}.about-hero__avatar{width:140px;height:140px;border-radius:999px;border:1px solid var(--border);object-fit:cover}.about-hero__title{margin:0;font-size:32px}.about-hero__lead{margin:12px 0 0;color:var(--muted);line-height:1.7;max-width:75ch}.about-hero__actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.about-facts{margin-top:14px;display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:860px){.about-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.about-fact{border:1px solid var(--border);background:transparent;border-radius:12px;padding:10px 12px}.about-fact__label{color:var(--muted);font-size:12px;margin-bottom:4px}.about-fact__value{color:var(--text);font-size:14px}.about-section{margin-top:26px}.about-section__title{margin:0 0 12px}.about-story{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px;color:var(--text)}.about-story p{margin:0;line-height:1.8;color:var(--muted)}.about-story p+p{margin-top:12px}.about-highlights{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:860px){.about-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}}.about-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px}.about-card__title{margin:0 0 8px}.about-card__text{margin:0;color:var(--muted);line-height:1.7}.about-cta{margin-top:30px;padding:18px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius)}.about-cta__title{margin:0 0 8px}.about-cta__text{margin:0;color:var(--muted);line-height:1.6}.about-cta__actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.notfound__lead{margin-top:8px;color:var(--muted);line-height:1.6;max-width:70ch}.notfound__actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.skills-page__lead{margin-top:8px;margin-bottom:14px;color:var(--muted);line-height:1.6;max-width:80ch}.skills-page__legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.skills-badge{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.skills-badge--comfortable{border-color:#7c5cff73}.skills-badge--familiar{border-color:#ffffff38}.skills-badge--learning{border-color:#ffffff24;opacity:.85}.skills-page__grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:860px){.skills-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px}.skills-card__title{margin:0 0 12px}.skills-card__chips{display:flex;gap:8px;flex-wrap:wrap}.skills-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:14px;line-height:1}.skills-chip__name{color:var(--text)}.skills-chip__level{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.skills-chip__level--comfortable{border-color:#7c5cff73}.skills-chip__level--familiar{border-color:#ffffff38}.skills-chip__level--learning{border-color:#ffffff24;opacity:.85}