@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--body-bg:#f1f1f1;--surface:#fff;--surface-raised:#fff;--nav-bg:#292929;--nav-text:#fff;--footer-bg:#292929;--footer-text:#a7a7a7;--text-default:#292929;--text-subdued:#626262;--accent:#4a6da7;--accent-hover:#345996;--accent-subtle:#e8effb;--link-color:#4a6da7;--link-visited:#504d7c;--border:#1212121a;--border-strong:#a7a7a7;--icon-color:#757575;--error-color:#a71d01;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 8px 30px #00000021;--sp-xs:.5rem;--sp-sm:1rem;--sp-md:1.5rem;--sp-lg:2.5rem;--sp-xl:4rem;--sp-2xl:6rem;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-pill:999px;--container:1100px;--nav-h:64px;--font:"Noto Sans", Arial, sans-serif}:root[data-theme=dark]{--body-bg:#000;--surface:#1d1d1d;--surface-raised:#292929;--footer-bg:#1a1a1a;--footer-text:#8e8e8e;--text-default:#fff;--text-subdued:silver;--accent:#9fb9e3;--accent-hover:#c2d4f1;--accent-subtle:#0a224b;--link-color:#9fb9e3;--link-visited:#a9a7c9;--border:#ffffff1a;--border-strong:#626262;--icon-color:silver;--error-color:#f57b62;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 8px 30px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--body-bg:#000;--surface:#1d1d1d;--surface-raised:#292929;--footer-bg:#1a1a1a;--footer-text:#8e8e8e;--text-default:#fff;--text-subdued:silver;--accent:#9fb9e3;--accent-hover:#c2d4f1;--accent-subtle:#0a224b;--link-color:#9fb9e3;--link-visited:#a9a7c9;--border:#ffffff1a;--border-strong:#626262;--icon-color:silver;--error-color:#f57b62;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 8px 30px #0000008c}}html{scroll-behavior:smooth}.no-transition *{transition:none!important}body{font-family:var(--font);background-color:var(--body-bg);color:var(--text-default);line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--link-color);text-decoration:none}a:visited{color:var(--link-visited)}img{max-width:100%;display:block}.container{max-width:var(--container);padding-inline:var(--sp-md);margin-inline:auto}.section{padding-block:var(--sp-2xl)}.section__header{text-align:center;margin-bottom:var(--sp-xl)}.section__title{margin-bottom:var(--sp-xs);color:var(--text-default);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.section__subtitle{color:var(--text-subdued);font-size:1rem}.btn{border-radius:var(--r-sm);font-family:var(--font);cursor:pointer;border:2px solid #0000;align-items:center;gap:.4rem;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn--primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover,.btn--primary:visited{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn--outline{color:var(--accent);border-color:var(--accent);background-color:#0000}.btn--outline:hover{background-color:var(--accent-subtle)}.btn--outline:visited{color:var(--accent)}.btn--sm{padding:.45rem 1rem;font-size:.875rem}.nav{z-index:100;background-color:var(--nav-bg);box-shadow:var(--shadow-md);position:sticky;top:0}.nav__inner{height:var(--nav-h);justify-content:space-between;align-items:center;display:flex}.nav__logo{color:#fff;letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.nav__logo:hover,.nav__logo:visited{color:#fff}.nav__links{gap:var(--sp-md);margin:0;padding:0;list-style:none;display:none}@media (width>=768px){.nav__links{display:flex}}.nav__links a{color:#fffc;border-bottom:2px solid #0000;padding-block:.25rem;font-size:.9rem;font-weight:500;transition:color .2s}.nav__links a:hover,.nav__links a.active,.nav__links a:visited:hover{color:#fff;border-bottom-color:var(--accent)}.nav__links a:visited{color:#fffc}.nav__actions{align-items:center;gap:var(--sp-xs);display:flex}.theme-btn{border-radius:var(--r-sm);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;line-height:1;transition:background-color .2s,border-color .2s;display:flex}.theme-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:6px;display:flex}.hamburger span{transform-origin:50%;background-color:#fff;border-radius:2px;width:20px;height:2px;transition:transform .25s,opacity .2s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width>=768px){.hamburger{display:none}}.mobile-menu{background-color:var(--nav-bg);border-top:1px solid #ffffff14;display:none}.mobile-menu.open{display:block}.mobile-menu ul{padding:var(--sp-xs) 0;margin:0;list-style:none}.mobile-menu a{padding:.8rem var(--sp-md);color:#fffc;font-size:.95rem;font-weight:500;transition:background-color .15s,color .15s;display:block}.mobile-menu a:visited{color:#fffc}.mobile-menu a:hover{color:#fff;background-color:#ffffff12}.hero{min-height:calc(100vh - var(--nav-h));background-color:var(--surface);padding-block:var(--sp-2xl);align-items:center;transition:background-color .3s;display:flex}.hero__inner{text-align:center;max-width:680px;margin-inline:auto}.hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-sm);font-size:.85rem;font-weight:700}.hero__name{letter-spacing:-.03em;margin-bottom:var(--sp-sm);color:var(--text-default);font-size:clamp(2.5rem,8vw,4.75rem);font-weight:800;line-height:1.05}.hero__title{color:var(--accent);margin-bottom:var(--sp-md);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:600}.hero__bio{color:var(--text-subdued);max-width:480px;margin-inline:auto;margin-bottom:var(--sp-lg);font-size:1.05rem;line-height:1.7}.hero__avatar{object-fit:cover;width:140px;height:140px;margin-inline:auto;margin-bottom:var(--sp-md);box-shadow:var(--shadow-lg);border:3px solid var(--accent);border-radius:50%;display:block}.hero__cta{gap:var(--sp-sm);flex-wrap:wrap;justify-content:center;display:flex}.about{background-color:var(--body-bg);transition:background-color .3s}.about__inner{align-items:center;gap:var(--sp-xl);text-align:center;flex-direction:column;max-width:660px;margin-inline:auto;display:flex}.about__photo{flex-shrink:0}.about__avatar{object-fit:cover;width:200px;height:200px;box-shadow:var(--shadow-lg);border:3px solid var(--accent);border-radius:50%;display:block}.about__content{width:100%}.about__text{color:var(--text-subdued);margin-bottom:var(--sp-lg);font-size:1.05rem;line-height:1.85}.certificates-grid{gap:var(--sp-lg);grid-template-columns:1fr;width:100%;display:grid}@media (width>=768px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}.certificate-preview{align-items:center;gap:var(--sp-sm);flex-direction:column;display:flex}.certificate-img{border-radius:var(--r-md);width:100%;max-width:560px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.certificate-badge{background-color:var(--accent-subtle);color:var(--accent);border-radius:var(--r-pill);border:1.5px solid;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.certificate-badge:hover{background-color:var(--accent);color:#fff;transform:translateY(-1px)}.certificate-badge:visited{color:var(--accent)}.certificate-badge:hover:visited,.certificate-badge:hover{color:#fff}.skills{background-color:var(--surface);transition:background-color .3s}.skills__groups{gap:var(--sp-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.skills__groups{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.skills__groups{grid-template-columns:repeat(3,1fr)}}.skill-group{background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-md);box-shadow:var(--shadow-sm);transition:background-color .3s,border-color .3s}.skill-group__label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--sp-sm);font-size:.75rem;font-weight:700}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border-radius:var(--r-pill);background-color:var(--accent-subtle);color:var(--accent);padding:.3rem .8rem;font-size:.825rem;font-weight:500;transition:background-color .2s,color .2s;display:inline-block}.tag--accent{background-color:var(--accent);color:#fff;font-weight:600}.projects{background-color:var(--body-bg);transition:background-color .3s}.projects__grid{gap:var(--sp-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .25s,transform .25s,background-color .3s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card__cover{background:linear-gradient(135deg, var(--accent-subtle) 0%, color-mix(in srgb, var(--accent) 30%, var(--accent-subtle)) 100%);height:160px;color:var(--accent);justify-content:center;align-items:center;display:flex}.project-card__body{padding:var(--sp-md);gap:var(--sp-xs);flex-direction:column;flex:1;display:flex}.project-card__title{color:var(--text-default);margin:0;font-size:1.1rem;font-weight:700}.project-card__desc{color:var(--text-subdued);flex:1;font-size:.9rem;line-height:1.7}.project-card__tags{padding-top:var(--sp-xs);flex-wrap:wrap;gap:.4rem;display:flex}.project-card__footer{padding:var(--sp-sm) var(--sp-md);border-top:1px solid var(--border)}.featured-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);grid-template-columns:1fr;max-width:820px;margin-inline:auto;transition:box-shadow .25s,background-color .3s;display:grid;overflow:hidden}@media (width>=768px){.featured-card{grid-template-columns:280px 1fr}}.featured-card__cover{background:linear-gradient(145deg, var(--accent-subtle), color-mix(in srgb, var(--accent) 40%, var(--accent-subtle)));min-height:200px;color:var(--accent);justify-content:center;align-items:center;display:flex}@media (width>=768px){.featured-card__cover{min-height:unset}}.featured-card__body{padding:var(--sp-lg);gap:var(--sp-sm);flex-direction:column;display:flex}.featured-card__meta{align-items:center;gap:var(--sp-xs);display:flex}.featured-card__badge{text-transform:uppercase;letter-spacing:.08em;color:#d97706;border-radius:var(--r-pill);background-color:#fef3c7;border:1px solid #fde68a;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.featured-card__badge:before{content:"";background-color:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse;display:inline-block}:root[data-theme=dark] .featured-card__badge{color:#fbbf24;background-color:#fbbf241a;border-color:#fbbf2440}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .featured-card__badge{color:#fbbf24;background-color:#fbbf241a;border-color:#fbbf2440}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.featured-card__title{color:var(--text-default);letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800}.featured-card__desc{color:var(--text-subdued);font-size:.975rem;line-height:1.75}.featured-card__tags{padding-top:var(--sp-xs);flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.contact{background-color:var(--surface);transition:background-color .3s}.contact__inner{gap:var(--sp-xl);grid-template-columns:1fr;max-width:880px;margin-inline:auto;display:grid}@media (width>=768px){.contact__inner{grid-template-columns:3fr 2fr}}.contact__form{gap:var(--sp-sm);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:var(--text-subdued);font-size:.875rem;font-weight:600}.form-group input,.form-group textarea{border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background-color:var(--body-bg);color:var(--text-default);font-family:var(--font);padding:.65rem .9rem;font-size:.95rem;transition:border-color .2s,background-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);outline:none}.form-group textarea{resize:vertical;min-height:140px}.form-success{color:#2bac66;min-height:1.2em;font-size:.9rem}.contact__info{gap:var(--sp-sm);flex-direction:column;display:flex}.contact__info-title{color:var(--text-default);margin-bottom:var(--sp-xs);font-size:1rem;font-weight:700}.social-link{border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-default);align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.95rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:flex}.social-link:visited{color:var(--text-default)}.social-link:hover{background-color:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.social-link__icon{width:22px;height:22px;color:var(--icon-color);flex-shrink:0;transition:color .2s}.social-link:hover .social-link__icon{color:var(--accent)}.contact__carrier{color:var(--text-subdued);background-color:var(--accent-subtle);border-radius:var(--r-pill);margin-left:auto;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.footer{background-color:var(--footer-bg);padding-block:var(--sp-xl);transition:background-color .3s}.footer__inner{text-align:center}.footer__name{color:#fff;margin-bottom:var(--sp-xs);font-size:1.1rem;font-weight:700}.footer__tagline{color:var(--footer-text);margin-bottom:var(--sp-xs);font-size:.875rem}.footer__copy{color:var(--footer-text);margin-bottom:var(--sp-md);font-size:.8rem}.theme-toggle{justify-content:center;align-items:center;gap:.5rem;display:flex}.theme-toggle>span{color:var(--footer-text);font-size:.8rem}.theme-toggle button{border-radius:var(--r-sm);color:#fff9;font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #ffffff2e;padding:.35rem .85rem;font-size:.8rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.theme-toggle button:hover{color:#fff;background-color:#ffffff14}.theme-toggle button[aria-pressed=true]{background-color:var(--accent);color:#fff;border-color:var(--accent)}.fade-in{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:none}.fade-in-d1{transition-delay:.12s}.fade-in-d2{transition-delay:.24s}.modal-overlay{z-index:1000;padding:var(--sp-md);opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:800px;max-height:90vh;transition:transform .25s;display:flex;overflow:hidden;transform:translateY(16px)}.modal-overlay.open .modal{transform:translateY(0)}.modal__header{padding:var(--sp-md) var(--sp-md) var(--sp-sm);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__title{color:var(--text-default);margin:0;font-size:1.2rem;font-weight:700}.modal__close{cursor:pointer;color:var(--text-subdued);border-radius:var(--r-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:1.2rem;line-height:1;transition:color .2s,background-color .2s}.modal__close:hover{color:var(--text-default);background-color:var(--accent-subtle)}.modal__gallery{padding:var(--sp-md);gap:var(--sp-md);flex-direction:column;display:flex;overflow-y:auto}.modal__gallery img{border-radius:var(--r-md);width:100%;display:block}.modal__gallery video{aspect-ratio:16/9;border-radius:var(--r-md);background:#000;width:100%;display:block}.modal__empty{text-align:center;color:var(--text-subdued);padding:var(--sp-xl) 0;font-size:.95rem}.fade-in-d3{transition-delay:.36s}