:root{--color-background:#f8fafc;--color-background-secondary:#fff;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#64748b;--color-primary:#42b883;--color-primary-hover:#369c70;--color-border:#e2e8f0;--container-width:1120px;--radius-small:6px;--radius-medium:12px;--transition-fast:.15s ease}:root[data-theme=dark]{--color-background:#0f172a;--color-background-secondary:#111827;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-border:#334155}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text);transition:background-color var(--transition-fast), color var(--transition-fast);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}ul{margin:0;padding:0;list-style:none}.container{width:min(var(--container-width), 90%);margin-inline:auto}.section{padding:7rem 0}.page{min-height:calc(100vh - 160px)}.navbar{z-index:100;border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;height:72px;display:flex}.navbar__logo{font-size:1.2rem;font-weight:700}.navbar__navigation{align-items:center;gap:2rem;display:flex}.navbar__navigation a{color:var(--color-text-secondary)}.navbar__navigation a:hover,.navbar__navigation a.router-link-active{color:var(--color-primary)}.navbar__theme-button,.navbar__menu-button{color:var(--color-text);background:0 0;border:0}.navbar__menu-button{font-size:1.5rem;display:none}.hero{align-items:center;min-height:calc(100vh - 72px);display:flex}.hero__content{max-width:850px}.hero__eyebrow,.section-heading__eyebrow{color:var(--color-primary);font-weight:600}.hero__title{max-width:900px;margin-bottom:2rem;font-size:clamp(3rem,8vw,6rem);line-height:1}.hero__title span{color:var(--color-primary)}.hero__description{max-width:650px;color:var(--color-text-secondary);font-size:1.2rem;line-height:1.7}.hero__actions,.contact__actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.base-button{border-radius:var(--radius-small);min-height:44px;transition:transform var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.4rem;font-weight:600;display:inline-flex}.base-button:hover{transform:translateY(-2px)}.base-button--primary{background:var(--color-primary);color:#0f172a}.base-button--primary:hover{background:var(--color-primary-hover)}.base-button--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.section-heading{max-width:700px;margin-bottom:3rem}.section-heading__title{margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem)}.section-heading__description{color:var(--color-text-secondary);line-height:1.7}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);transition:transform var(--transition-fast), border-color var(--transition-fast);overflow:hidden}.project-card:hover{border-color:var(--color-primary);transform:translateY(-5px)}.project-card__image{object-fit:cover;width:100%;height:220px}.project-card__content{padding:1.5rem}.project-card__title{margin-bottom:1rem;font-size:1.4rem}.project-card__description{color:var(--color-text-secondary);line-height:1.7}.project-card__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.technology-list{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.technology-list__item{border-radius:var(--radius-small);background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary);padding:.4rem .7rem;font-size:.85rem;font-weight:500}.about{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.about__description{color:var(--color-text-secondary);line-height:1.8}.skills{flex-direction:column;gap:2rem;display:flex}.skills h2{font-size:1.2rem}.section__actions{text-align:center;margin-top:3rem}.footer{border-top:1px solid var(--color-border)}.footer__content{min-height:80px;color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}@media (width<=700px){.navbar__menu-button{display:block}.navbar__navigation{border-bottom:1px solid var(--color-border);background:var(--color-background);flex-direction:column;align-items:flex-start;width:100%;padding:2rem 5%;display:none;position:absolute;top:72px;left:0}.navbar__navigation--open{display:flex}.about{grid-template-columns:1fr;gap:3rem}.hero__actions{align-items:flex-start}.footer__content{flex-direction:column;justify-content:center;gap:.5rem}}