:root{--color-primary:#172554;--color-secondary:#0f766e;--color-accent:#f59e0b;--color-success:#10b981;--color-bg:#eef2f6;--color-white:#fff;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#cbd5e1;--color-card:#f8fafc;--color-section-alt:#e2e8f0;--color-navbar-bg:#e2e8f0fa;--color-shadow:#1725541a;--color-code-bg:#1e293b;--color-input-bg:#f1f5f9;--font-sans:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Cascadia Code", "Fira Code", Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:.25s ease;--container-max:1200px;--navbar-height:72px}[data-theme=dark]{--color-bg:#0f172a;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--color-card:#1e293b;--color-section-alt:#162032;--color-navbar-bg:#0f172af2;--color-shadow:#0000004d;--color-input-bg:#1e293b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-secondary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}ul{list-style:none}code{font-family:var(--font-mono);background:var(--color-border);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.875em}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section--alt{background-color:var(--color-section-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-title{text-align:center;margin-bottom:3rem}.section-title__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:inline-block}.section-title__heading{color:var(--color-primary);margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}[data-theme=dark] .section-title__heading{color:var(--color-text)}.section-title__subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.05rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), transform var(--transition), opacity var(--transition);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn--primary:hover:not(:disabled){color:var(--color-white);background-color:#0d6b63;border-color:#0d6b63}.btn--outline{color:var(--color-secondary);border-color:var(--color-secondary);background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--color-secondary);color:var(--color-white)}.btn--ghost{color:var(--color-text-muted);border-color:var(--color-border);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-border);color:var(--color-text)}.badge{border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-block}.badge--tech{color:var(--color-secondary);background-color:#0f766e1a;border:1px solid #0f766e33}.badge--accent{color:var(--color-accent);background-color:#f59e0b26;border:1px solid #f59e0b4d}.navbar{z-index:1000;height:var(--navbar-height);background-color:var(--color-navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition), box-shadow var(--transition);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--color-border);box-shadow:0 2px 12px var(--color-shadow);background-color:var(--color-section-alt)}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo{color:var(--color-primary);white-space:nowrap;font-size:1.125rem;font-weight:700}[data-theme=dark] .navbar__logo{color:var(--color-text)}.navbar__logo:hover{color:var(--color-secondary)}.navbar__links{align-items:center;gap:2rem;display:flex}.navbar__links a{color:var(--color-text);transition:color var(--transition);font-size:.9375rem;font-weight:500}.navbar__links a:hover{color:var(--color-secondary)}.navbar__actions{align-items:center;gap:.75rem;display:flex}.navbar__theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:background-color var(--transition), border-color var(--transition);justify-content:center;align-items:center;display:flex}.navbar__theme-toggle:hover{background-color:var(--color-border)}.navbar__menu-toggle{width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.navbar__mobile-cta,.navbar__overlay{display:none}.hero{padding-top:calc(var(--navbar-height) + 4rem);align-items:center;min-height:100vh;padding-bottom:5rem;display:flex}.hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero__greeting{color:var(--color-secondary);margin-bottom:.5rem;font-size:1rem;font-weight:500}.hero__name{color:var(--color-primary);margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15}[data-theme=dark] .hero__name{color:var(--color-text)}.hero__title{color:var(--color-secondary);margin-bottom:1.25rem;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600}.hero__message{color:var(--color-text-muted);max-width:520px;margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.hero__social{gap:1rem;display:flex}.hero__social-link{border-radius:var(--radius-md);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-muted);transition:color var(--transition), border-color var(--transition), background-color var(--transition);justify-content:center;align-items:center;display:flex}.hero__social-link:hover{color:var(--color-secondary);border-color:var(--color-secondary);background-color:#0f766e0d}.hero__visual-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--color-shadow);padding:1.5rem;position:relative}.hero__code-block{background:var(--color-code-bg);border-radius:var(--radius-md);margin-bottom:1.5rem;overflow:hidden}.hero__code-header{background:#0003;gap:6px;padding:.75rem 1rem;display:flex}.hero__code-header span{background:#475569;border-radius:50%;width:10px;height:10px}.hero__code-header span:first-child{background:#ef4444}.hero__code-header span:nth-child(2){background:#f59e0b}.hero__code-header span:nth-child(3){background:#10b981}.hero__code{padding:1rem 1.25rem;overflow-x:auto}.hero__code code{font-family:var(--font-mono);color:#e2e8f0;white-space:pre;background:0 0;padding:0;font-size:.8125rem;line-height:1.6}.hero__profile{justify-content:center;margin-bottom:1.25rem;display:flex}.hero__profile-img{object-fit:cover;border:3px solid var(--color-secondary);border-radius:50%;width:120px;height:120px}.hero__badges{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.about__content{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.about__text p{color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.75}.about__text p:last-child{margin-bottom:0}.about__highlights{gap:1rem;display:grid}.about__highlight{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition);padding:1.25rem}.about__highlight:hover{border-color:var(--color-secondary)}.about__highlight h3{color:var(--color-primary);margin-bottom:.35rem;font-size:.9375rem;font-weight:600}[data-theme=dark] .about__highlight h3{color:var(--color-text)}.about__highlight p{color:var(--color-text-muted);font-size:.875rem}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.skill-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--transition), box-shadow var(--transition);padding:1.5rem}.skill-card:hover{box-shadow:0 6px 20px var(--color-shadow);transform:translateY(-3px)}.skill-card__title{color:var(--color-primary);border-bottom:2px solid var(--color-secondary);margin-bottom:1rem;padding-bottom:.75rem;font-size:1rem;font-weight:700}[data-theme=dark] .skill-card__title{color:var(--color-text)}.skill-card__list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-card__item{color:var(--color-text);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#0f766e14;padding:.35rem .75rem;font-size:.875rem}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.project-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 12px 32px var(--color-shadow);transform:translateY(-4px)}.project-card__image-wrapper{aspect-ratio:16/10;background:var(--color-primary);overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%}.project-card__body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-card__title{color:var(--color-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}[data-theme=dark] .project-card__title{color:var(--color-text)}.project-card__description{color:var(--color-text-muted);flex:1;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.project-card__tech-list{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.project-card__features{margin-bottom:1.25rem}.project-card__features li{color:var(--color-text-muted);padding:.2rem 0 .2rem 1rem;font-size:.8125rem;position:relative}.project-card__features li:before{content:"";background:var(--color-success);border-radius:50%;width:5px;height:5px;position:absolute;top:.65em;left:0}.project-card__actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.project-card__actions .btn{padding:.5rem 1rem;font-size:.8125rem}.experience__timeline{max-width:800px;margin:0 auto}.experience__item{gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.experience__item:last-child{margin-bottom:0}.experience__marker{background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:.4rem;position:relative}.experience__item:not(:last-child) .experience__marker:after{content:"";background:var(--color-border);width:2px;height:calc(100% + 2rem);position:absolute;top:14px;left:50%;transform:translate(-50%)}.experience__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;padding:1.5rem}.experience__item--placeholder .experience__card{opacity:.7;border-style:dashed}.experience__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.experience__role{color:var(--color-primary);font-size:1.0625rem;font-weight:700}[data-theme=dark] .experience__role{color:var(--color-text)}.experience__company{color:var(--color-secondary);font-size:.9375rem;font-weight:500}.experience__subtitle{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.875rem;line-height:1.5}.experience__meta{color:var(--color-text-muted);margin-top:.25rem;font-size:.8125rem}.experience__highlights{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.experience__highlight{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.experience__highlight-title{color:var(--color-primary);margin-bottom:.5rem;font-size:.9375rem;font-weight:700}[data-theme=dark] .experience__highlight-title{color:var(--color-text)}.experience__highlight p{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.875rem;line-height:1.65}.experience__highlight p:last-of-type{margin-bottom:.75rem}.experience__highlight strong{color:var(--color-text);font-weight:600}.experience__period{color:var(--color-text-muted);white-space:nowrap;font-size:.8125rem}.experience__description{color:var(--color-text-muted);margin-bottom:1rem;font-size:.9375rem;line-height:1.65}.experience__tech{flex-wrap:wrap;gap:.4rem;display:flex}.experience__placeholder-note{color:var(--color-text-muted);margin-top:.75rem;font-size:.8125rem;font-style:italic}.services__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.service-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--transition), border-color var(--transition);padding:2rem 1.5rem}.service-card:hover{border-color:var(--color-secondary);transform:translateY(-3px)}.service-card__icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--color-secondary);background:#0f766e1a;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.service-card__title{color:var(--color-primary);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}[data-theme=dark] .service-card__title{color:var(--color-text)}.service-card__description{color:var(--color-text-muted);font-size:.9375rem;line-height:1.65}.process__timeline{counter-reset:process;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;display:grid}.process__step{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:transform var(--transition), border-color var(--transition);padding:1.5rem 1rem;position:relative}.process__step:hover{border-color:var(--color-secondary);transform:translateY(-3px)}.process__step-number{color:var(--color-accent);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.process__step-icon{width:48px;height:48px;color:var(--color-secondary);background:#0f766e1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.process__step-title{color:var(--color-text);font-size:.875rem;font-weight:600}.why__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.why__card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--transition);padding:1.5rem}.why__card:hover{transform:translateY(-2px)}.why__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-primary);background:#17255414;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}[data-theme=dark] .why__icon{color:var(--color-secondary);background:#0f766e26}.why__title{color:var(--color-primary);margin-bottom:.4rem;font-size:1rem;font-weight:700}[data-theme=dark] .why__title{color:var(--color-text)}.why__description{color:var(--color-text-muted);font-size:.875rem;line-height:1.65}.contact__inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:3rem;display:grid}.contact__intro{color:var(--color-text-muted);margin-bottom:2rem;line-height:1.7}.contact__details{flex-direction:column;gap:1rem;display:flex}.contact__details li{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.contact__details svg{color:var(--color-secondary);flex-shrink:0}.contact__form{background:var(--color-section-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--color-text);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.form-group input,.form-group textarea{width:100%;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-secondary);outline:none}.form-group textarea{resize:vertical;min-height:120px}.form-error{color:#ef4444;margin-top:.35rem;font-size:.8125rem;display:block}.contact__success{border-radius:var(--radius-md);color:var(--color-success);background:#10b9811a;border:1px solid #10b9814d;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.project-details{padding-top:calc(var(--navbar-height) + 2rem);padding-bottom:4rem}.project-details__back{color:var(--color-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9375rem;font-weight:500;display:inline-flex}.project-details__header{margin-bottom:2.5rem}.project-details__title{color:var(--color-primary);margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}[data-theme=dark] .project-details__title{color:var(--color-text)}.project-details__description{color:var(--color-text-muted);max-width:720px;margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.7}.project-details__tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.project-details__actions{flex-wrap:wrap;gap:.75rem;display:flex}.project-details__hero-image{border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:3rem;overflow:hidden}.project-details__hero-image img{width:100%}.project-details__grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.project-details__section h2{color:var(--color-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:700}[data-theme=dark] .project-details__section h2{color:var(--color-text)}.project-details__section p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.7}.project-details__section--wide{grid-column:1/-1}.project-details__list,.project-details__features{flex-direction:column;gap:.4rem;display:flex}.project-details__list li,.project-details__features li{color:var(--color-text-muted);padding-left:1.25rem;font-size:.9375rem;position:relative}.project-details__list li:before,.project-details__features li:before{content:"";background:var(--color-secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.project-details__screenshots{margin-top:3rem}.project-details__screenshots h2{color:var(--color-primary);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}[data-theme=dark] .project-details__screenshots h2{color:var(--color-text)}.project-details__screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.project-details__screenshot-grid img{border-radius:var(--radius-md);border:1px solid var(--color-border)}.footer{background:var(--color-primary);color:#cbd5e1;padding-top:3rem}.footer__inner{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:2rem;display:flex}.footer__name{color:var(--color-white);font-size:1.125rem;font-weight:700}.footer__title{color:#94a3b8;font-size:.875rem}.footer__website{color:#94a3b8;margin-top:.5rem;font-size:.875rem;display:inline-block}.footer__website:hover{color:var(--color-white)}.footer__nav{flex-wrap:wrap;gap:1.5rem;display:flex}.footer__nav a{color:#cbd5e1;font-size:.9375rem}.footer__nav a:hover{color:var(--color-white)}.footer__social{gap:1rem;display:flex}.footer__social a{border-radius:var(--radius-md);color:#cbd5e1;width:40px;height:40px;transition:background-color var(--transition), color var(--transition);border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.footer__social a:hover{color:var(--color-white);background:#ffffff1a}.footer__bottom{text-align:center;color:#64748b;padding:1.25rem 0;font-size:.8125rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__content{animation:.6s forwards fadeInUp}.hero__visual{opacity:0;animation:.6s .15s forwards fadeInUp}@media (width<=1024px){.hero__inner{grid-template-columns:1fr;gap:3rem}.hero__visual{max-width:520px;margin:0 auto}.about__content,.contact__inner{grid-template-columns:1fr}}@media (width<=768px){.section{padding:3.5rem 0}.navbar__links{top:var(--navbar-height);background:var(--color-navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:fixed;bottom:0;left:0;right:0;transform:translate(100%)}.navbar__links--open{transform:translate(0)}.navbar__links a{font-size:1.125rem}.navbar__mobile-cta{margin-top:1rem;display:block}.navbar__hire-btn{display:none}.navbar__menu-toggle{display:flex}.navbar__overlay{inset:0;top:var(--navbar-height);cursor:pointer;z-index:998;background:#0006;border:none;display:block;position:fixed}.projects__grid,.project-details__grid{grid-template-columns:1fr}.process__timeline{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.footer__inner{text-align:center;flex-direction:column}.footer__nav{justify-content:center}}.page-loading{text-align:center;color:var(--color-text-muted);padding:6rem 0}@media (width<=480px){.container{padding:0 1rem}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.project-card__actions{flex-direction:column}.project-card__actions .btn{width:100%}.experience__header{flex-direction:column}}