*{box-sizing:border-box}:root{background:#f6f4f8;color:#2b2b2b;color-scheme:light;font-family:Work Sans,sans-serif;--primary:#d17b9a;--primary-dark:#b55f81;--muted:#6a6a74;--surface:#fff;--shadow:0 20px 50px rgba(43,43,43,.08)}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#fbf8fc,#f6f4f8);margin:0}a,button{font:inherit}a{color:inherit;text-decoration:none}main{margin:0 auto;width:min(1200px,calc(100% - 32px))}header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f4f8d9;border-bottom:1px solid rgba(209,123,154,.14);position:sticky;top:0;z-index:20}.navbar{align-items:center;background:linear-gradient(135deg,#fffffff5,#f6f4f8e0);border-radius:24px;box-shadow:0 24px 60px #2b2b2b14;display:flex;gap:18px;justify-content:space-between;padding:18px 24px}.navbar__brand{display:flex;flex-direction:column;font-weight:800;gap:4px;letter-spacing:.12em}.navbar__brand a{color:#2b2b2b;text-decoration:none}.navbar__tag{color:var(--primary-dark);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.navbar__list{align-items:center;display:flex;gap:22px;list-style:none;margin:0;padding:0}.navbar__item a{color:var(--muted);font-weight:600;transition:color .2s ease,transform .2s ease}.navbar__item a:hover{color:var(--primary-dark);transform:translateY(-1px)}.navbar__lang{background:#d17b9a1f;border:1px solid rgba(209,123,154,.22);border-radius:999px;color:var(--primary-dark);min-width:72px;padding:12px 18px}.navbar__toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;height:44px;justify-content:center;padding:0;width:44px}.nav-menu-enter-from,.nav-menu-leave-to{opacity:0;transform:translateY(-14px)}.nav-menu-enter-active,.nav-menu-leave-active{transition:opacity .25s ease,transform .25s ease}.navbar__burger{background:var(--muted);display:inline-block;height:2px;position:relative;transition:background .3s ease;width:24px}.navbar__burger:after,.navbar__burger:before{background:var(--muted);content:"";height:2px;position:absolute;transition:transform .3s ease,top .3s ease,bottom .3s ease;width:24px}.navbar__burger:before{top:-8px}.navbar__burger:after{bottom:-8px}.navbar__toggle[aria-expanded=true] .navbar__burger{background:transparent}.navbar__toggle[aria-expanded=true] .navbar__burger:before{transform:translateY(8px) rotate(45deg)}.navbar__toggle[aria-expanded=true] .navbar__burger:after{transform:translateY(-8px) rotate(-45deg)}.hero{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(320px,420px);padding:96px 0 64px}.hero__badge{align-items:center;background:#d17b9a1f;border-radius:999px;color:var(--primary-dark);display:inline-flex;font-weight:700;gap:10px;margin-bottom:24px;padding:10px 16px}.hero__title{font-size:clamp(2.5rem,4vw,4rem);line-height:.95;margin:0 0 24px}.hero__text{color:var(--muted);line-height:1.75;margin-bottom:28px;max-width:560px}.hero__actions{display:flex;flex-wrap:wrap;gap:16px}.button{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;gap:10px;justify-content:center;padding:14px 22px;transition:transform .2s ease,background-color .2s ease}.button--primary{background:var(--primary);color:#fff}.button--secondary{background:#2b2b2b0f;color:var(--muted)}.button:hover{transform:translateY(-1px)}.hero__image{background:linear-gradient(180deg,#d17b9a1f,#f6f4f8e6);border-radius:32px;box-shadow:var(--shadow);max-width:420px;min-height:360px;overflow:hidden;width:100%}.hero__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.section{padding:80px 0}.section-title{margin-bottom:48px;text-align:center}.section-title__meta{color:var(--primary);display:inline-block;font-size:.85rem;letter-spacing:.2em;margin-bottom:12px;text-transform:uppercase}.section-title__heading{font-size:clamp(2rem,2.5vw,3rem);margin:0}.about{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1.1fr) minmax(300px,420px)}.about__content{display:flex;flex-direction:column;gap:24px}.about__card{background:var(--surface);border-radius:30px;box-shadow:var(--shadow);padding:32px;text-align:left}.about__card h3{margin-top:0}.about__grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.about__item{background:#d17b9a14;border-radius:18px;padding:18px}.about__item strong{display:block;margin-bottom:8px}.about__image-card{border-radius:32px;box-shadow:var(--shadow);min-height:420px;overflow:hidden}.about__image-card img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.social-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.social-links a{align-items:center;background:#fff;border-radius:50%;box-shadow:0 14px 40px #d17b9a1f;display:inline-flex;height:48px;justify-content:center;width:48px}.social-links img{height:20px;width:20px}.cards{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--surface);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px)}.card img{aspect-ratio:16/10;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.card__content{padding:24px}.card__tag{align-items:center;background:#d17b9a1a;border-radius:999px;color:var(--primary-dark);display:inline-flex;font-size:.8rem;justify-content:center;margin-bottom:18px;padding:8px 12px}.card__title{margin:0 0 14px}.card__description{color:var(--muted);line-height:1.75;margin-bottom:22px}.card__footer{align-items:center;display:flex;justify-content:space-between}.card__button{align-items:center;color:var(--primary);display:inline-flex;font-weight:700;gap:8px}.skill-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-card{background:var(--surface);border-radius:22px;box-shadow:var(--shadow);padding:18px;text-align:center}.skill-card img{margin-bottom:12px;max-width:48px}.skill-card span{color:var(--muted);display:block;font-weight:600;margin-top:10px}.footer{color:var(--muted);padding:36px 0 24px;text-align:center}@media (max-width:960px){.about,.hero{grid-template-columns:1fr}.hero{padding-top:64px}}@media (max-width:860px){.navbar__toggle{display:inline-flex}.navbar__list{display:flex;flex-direction:column;gap:14px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .35s ease,opacity .35s ease;width:100%}.navbar__list--open{max-height:420px;opacity:1;pointer-events:auto}.navbar{align-items:flex-start;flex-direction:column;gap:14px}.navbar__lang{align-self:flex-end}}@media (max-width:680px){.navbar__list{gap:12px}.about__grid{grid-template-columns:1fr}}
