@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--color-bg:#faf9f5;--color-bg-warm:#f5f0e8;--color-bg-dark:#191918;--color-bg-dark-lighter:#232322;--color-text-primary:#191918;--color-text-secondary:#5c5c5a;--color-text-tertiary:#8a8a87;--color-text-on-dark:#faf9f5;--color-text-on-dark-secondary:#b8b8b5;--color-accent:#c9a96e;--color-accent-hover:#b8963e;--color-accent-light:#c9a96e1f;--color-border:#e5e2da;--color-border-dark:#333331;--color-card-bg:#fff;--color-card-shadow:#1919180f;--color-tag-bg:#f0ece3;--color-tag-text:#6b5d3f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--leading-tight:1.15;--leading-normal:1.6;--leading-relaxed:1.75;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--max-width:1200px;--max-width-narrow:800px;--nav-height:72px;--border-radius:8px;--border-radius-lg:16px;--border-radius-pill:100px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:var(--leading-tight);color:var(--color-text-primary)}.section-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.section-label:before{content:"";background:var(--color-accent);width:24px;height:1px;display:inline-block}.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.section-subtitle{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;line-height:var(--leading-relaxed)}.text-center{text-align:center}.justify-center{justify-content:center}.mx-auto{margin-left:auto;margin-right:auto}.mt-2xl{margin-top:var(--space-2xl)}.mb-lg{margin-bottom:var(--space-lg)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.max-w-500{max-width:500px}.max-w-600{max-width:600px}.text-on-dark-secondary{color:var(--color-text-on-dark-secondary)}.text-on-accent{color:var(--color-accent)}.btn--full{justify-content:center;width:100%}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.container--narrow{max-width:var(--max-width-narrow)}.section{padding:var(--space-4xl) 0}.section--dark{background:var(--color-bg-dark);color:var(--color-text-on-dark)}.section--cta-compact{padding-bottom:var(--space-2xl)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-text-on-dark)}.section--warm{background:var(--color-bg-warm)}.divider{border:none;border-top:1px solid var(--color-border);margin:0}.nav{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:1000;transition:all var(--duration-normal) var(--ease-out);background:#faf9f5d9;position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:0 1px 8px var(--color-card-shadow)}.nav__inner{height:100%;max-width:var(--max-width);padding:0 var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__logo{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text-primary);align-items:center;gap:var(--space-sm);transition:opacity var(--duration-fast) ease;font-weight:700;display:flex}.nav__logo:hover{opacity:.7}.nav__logo-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;display:inline-block}.nav__links{align-items:center;gap:var(--space-xl);display:flex}.nav__link{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0;transition:color var(--duration-fast) ease;font-weight:500;position:relative}.nav__link:after{content:"";background:var(--color-accent);width:0;height:1.5px;transition:width var(--duration-normal) var(--ease-out);position:absolute;bottom:-2px;left:0}.nav__link:hover,.nav__link.active{color:var(--color-text-primary)}.nav__link.active:after,.nav__link:hover:after{width:100%}.nav__cta{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-on-dark);background:var(--color-bg-dark);border-radius:var(--border-radius-pill);transition:all var(--duration-fast) ease;padding:10px 24px;font-weight:500}.nav__cta:hover{background:var(--color-bg-dark-lighter);transform:translateY(-1px);box-shadow:0 4px 12px #19191826}.nav__toggle{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;display:none}.nav__toggle span{background:var(--color-text-primary);width:22px;height:2px;transition:all var(--duration-fast) ease;border-radius:2px;display:block}.nav__toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__toggle.open span:nth-child(2){opacity:0}.nav__toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.btn{font-family:var(--font-sans);font-size:var(--text-sm);align-items:center;gap:var(--space-sm);border-radius:var(--border-radius-pill);transition:all var(--duration-fast) ease;cursor:pointer;padding:12px 28px;font-weight:500;display:inline-flex}.btn--primary{background:var(--color-bg-dark);color:var(--color-text-on-dark)}.btn--primary:hover{background:var(--color-bg-dark-lighter);transform:translateY(-2px);box-shadow:0 6px 20px #19191826}.btn--secondary{color:var(--color-text-primary);border:1.5px solid var(--color-border);background:0 0}.btn--secondary:hover{border-color:var(--color-text-primary);transform:translateY(-2px)}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c9a96e4d}.btn__icon{width:16px;height:16px;transition:transform var(--duration-fast) ease}.btn:hover .btn__icon{transform:translate(3px)}.card{background:var(--color-card-bg);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);padding:var(--space-2xl);transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:0 12px 40px var(--color-card-shadow);border-color:var(--color-accent);transform:translateY(-4px)}.tag{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-tag-text);background:var(--color-tag-bg);border-radius:var(--border-radius-pill);padding:4px 12px;font-weight:500;display:inline-block}.tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.footer{background:var(--color-bg-dark);color:var(--color-text-on-dark);padding:var(--space-4xl) 0 var(--space-2xl)}.footer__grid{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__brand{max-width:320px}.footer__logo{font-family:var(--font-sans);font-size:var(--text-xl);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.footer__logo .nav__logo-dot{background:var(--color-accent)}.footer__desc{font-size:var(--text-sm);color:var(--color-text-on-dark-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.footer__socials{gap:var(--space-md);display:flex}.footer__social-link{border:1px solid var(--color-border-dark);width:40px;height:40px;color:var(--color-text-on-dark-secondary);transition:all var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer__social-link:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.footer__social-link svg{width:18px;height:18px}.footer__heading{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-on-dark-secondary);margin-bottom:var(--space-lg);font-weight:600}.footer__links{gap:var(--space-md);flex-direction:column;display:flex}.footer__link{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-on-dark-secondary);transition:color var(--duration-fast) ease}.footer__link:hover{color:var(--color-text-on-dark)}.footer__bottom{border-top:1px solid var(--color-border-dark);padding-top:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.footer__copy{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-on-dark-secondary)}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(30px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.hero{min-height:calc(100vh - var(--nav-height));padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg-accent{background:radial-gradient(circle, var(--color-accent-light) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero__content{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero__text{max-width:580px}.hero__greeting{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.05em;margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:500;display:flex}.hero__greeting-line{background:var(--color-accent);width:32px;height:1px}.hero__title{font-size:var(--text-5xl);margin-bottom:var(--space-lg);font-weight:700;line-height:1.08}.hero__title-accent{color:var(--color-accent)}.hero__subtitle{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl);max-width:480px}.hero__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero__image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.hero__image-frame{width:380px;height:475px;position:relative}.hero__image{object-fit:cover;object-position:center 24%;filter:saturate(.94)contrast(1.04);z-index:2;border-radius:22px;width:100%;height:100%;position:relative}.hero__image-border{border:2px solid var(--color-accent);z-index:1;border-radius:22px;position:absolute;inset:14px -14px -14px 14px}.hero__image-dots{background-image:radial-gradient(var(--color-accent) 1.5px, transparent 1.5px);z-index:0;opacity:.4;background-size:12px 12px;width:80px;height:80px;position:absolute;bottom:-30px;right:-30px}.skills-quick{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.skill-quick-card{text-align:center;padding:var(--space-2xl) var(--space-lg)}.skill-quick-card__icon{width:48px;height:48px;margin:0 auto var(--space-md);background:var(--color-accent-light);color:var(--color-accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.skill-quick-card__icon svg{width:24px;height:24px}.skill-quick-card__title{font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-sm);font-weight:600}.skill-quick-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.about-intro{gap:var(--space-3xl);grid-template-columns:300px 1fr;align-items:start;display:grid}.about-intro__image{aspect-ratio:4/5;object-fit:cover;object-position:center 24%;border:1px solid var(--color-border);border-radius:20px;width:100%}.about-intro__text h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.about-intro__text p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:var(--leading-relaxed)}.timeline{padding-left:40px;position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline__item{margin-bottom:var(--space-2xl);position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__dot{background:var(--color-bg);border:3px solid var(--color-accent);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:4px;left:-40px}.timeline__item:first-child .timeline__dot{background:var(--color-accent)}.timeline__date{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-weight:600}.timeline__title{font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-xs);font-weight:600}.timeline__institution{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.timeline__detail{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-tertiary)}.skills-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.skill-category{padding:var(--space-2xl)}.skill-category__title{font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.skill-category__title-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px}.skill-category__items{gap:var(--space-md);flex-direction:column;display:flex}.skill-item{align-items:center;gap:var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.skill-item__bar{background:var(--color-border);border-radius:2px;flex:1;height:3px;overflow:hidden}.skill-item__bar-fill{background:var(--color-accent);height:100%;transition:width 1s var(--ease-out);border-radius:2px}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.project-card{padding:var(--space-2xl);position:relative;overflow:hidden}.project-card__number{font-family:var(--font-sans);font-size:var(--text-6xl);color:var(--color-accent-light);z-index:0;-webkit-user-select:none;user-select:none;font-weight:700;line-height:1;position:absolute;top:-10px;right:20px}.project-card__content{z-index:1;position:relative}.project-card__title{font-family:var(--font-sans);font-size:var(--text-xl);margin-bottom:var(--space-md);font-weight:600}.project-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.project-card__tags,.project-card__highlights{margin-bottom:var(--space-lg)}.project-card__highlight{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);align-items:flex-start;gap:var(--space-sm);display:flex}.project-card__highlight:last-child{border-bottom:none}.project-card__highlight-bullet{color:var(--color-accent);flex-shrink:0;margin-top:2px}.project-card__links{gap:var(--space-sm);display:flex}.project-card__link{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.project-card__link:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px)}.project-card__link svg{width:18px;height:18px}.cert-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.cert-card{padding:var(--space-2xl);text-align:center;flex-direction:column;align-items:center;display:flex}.cert-card__icon{width:64px;height:64px;margin-bottom:var(--space-lg);background:var(--color-accent-light);color:var(--color-accent);border-radius:16px;justify-content:center;align-items:center;display:flex}.cert-card__icon svg{width:32px;height:32px}.cert-card__title{font-family:var(--font-sans);font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:600}.cert-card__issuer{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:500}.cert-card__date{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.cert-card__detail{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.cert-card__badge{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--border-radius-pill);padding:4px 14px;font-weight:600}.contact-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-info__title{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.contact-info__desc{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);line-height:var(--leading-relaxed)}.contact-item{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-family:var(--font-sans);font-size:var(--text-sm);display:flex}.contact-item__icon{background:var(--color-accent-light);width:44px;height:44px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item__icon svg{width:20px;height:20px}.contact-item__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-weight:600}.contact-item__value{color:var(--color-text-primary);font-weight:500}.contact-form{padding:var(--space-2xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:500;display:block}.form-group input,.form-group textarea{width:100%;font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--duration-fast) ease;outline:none;padding:14px 18px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-group textarea{resize:vertical;min-height:140px}.page-header{padding-top:calc(var(--nav-height) + var(--space-4xl));padding-bottom:var(--space-3xl);text-align:center}.page-header__title{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.page-header__subtitle{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;line-height:var(--leading-relaxed);margin:0 auto}@media (width<=1024px){:root{--text-5xl:2.75rem;--text-4xl:2.25rem;--text-3xl:1.75rem}.hero__content{text-align:center;grid-template-columns:1fr}.hero__text,.hero__subtitle{max-width:100%}.hero__actions{justify-content:center}.hero__image-frame{width:300px;height:375px}.hero__image-wrapper{order:-1}.skills-quick{grid-template-columns:repeat(2,1fr)}.about-intro{text-align:center;grid-template-columns:1fr}.about-intro__image{width:250px;margin:0 auto}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.cert-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.contact-grid{grid-template-columns:1fr}.footer__grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}@media (width<=768px){:root{--text-5xl:2.25rem;--text-4xl:1.75rem;--text-3xl:1.5rem;--space-4xl:3.5rem;--space-5xl:5rem}.nav__links{background:var(--color-bg);width:280px;padding:var(--space-2xl);justify-content:center;gap:var(--space-lg);transition:transform var(--duration-normal) var(--ease-out);z-index:999;flex-direction:column;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}.nav__links.open{transform:translate(0)}.nav__toggle{display:flex}.skills-quick,.skills-grid,.footer__grid{grid-template-columns:1fr}.hero__image-frame{width:250px;height:312px}.container{padding:0 var(--space-md)}.footer__bottom{gap:var(--space-md);text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}