.about__container{grid-template-columns:35% 50%;gap:15%;display:grid}.about__me{aspect-ratio:1;background:linear-gradient(45deg, transparent, var(--color-primary), transparent);border-radius:2rem;place-items:center;width:100%;display:grid}.about__me-image{transition:var(--transition);border-radius:2rem;overflow:hidden;transform:rotate(10deg)}.about__me-image img{width:100%;max-width:100%;display:block}.about__me-image:hover{transform:rotate(0)}.about__cards{grid-template-columns:repeat(3,1fr);gap:3.5rem;display:grid}.about__card{background:var(--color-bg-variant);text-align:center;transition:var(--transition);border:1px solid #0000;border-radius:1rem;padding:2rem}.about__card:hover{border-color:var(--color-primary-variant);cursor:default;background:0 0}.about__icon{color:var(--color-primary);margin-bottom:1rem;font-size:1.4rem}.about__card h5{color:var(--color-primary);font-size:1.1rem;font-family:var(--font-mono)}.about__card small{color:var(--color-light);margin-top:.3rem;font-size:.75rem;line-height:1.4;display:block}.about__content p{color:var(--color-light);margin:2rem 0 2.6rem}@media screen and (max-width:1024px){.about__container{grid-template-columns:1fr;gap:0}.about__me{width:50%;margin:2rem auto 4rem}.about__content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){.about__me{width:65%;margin:0 auto 3rem}.about__cards{grid-template-columns:1fr 1fr;gap:1rem}.about__content{text-align:center}.about__content p{margin:1.5rem 0}}
.container.contact__container{grid-template-columns:30% 58%;gap:12%;width:58%;display:grid}.contact__options{flex-direction:column;gap:1.2rem;display:grid}.contact__option{background:var(--color-bg-variant);text-align:center;transition:var(--transition);border:1px solid #0000;border-radius:1.2rem;padding:1.2rem}.contact__option:hover{border-color:var(--color-primary-variant);background:0 0}.contact__icon{margin-bottom:.5rem;font-size:1.5rem}.contact__option a{margin-top:.7rem;font-size:.8rem;display:inline-block}form{flex-direction:column;gap:1.2rem;display:flex}input,textarea{border:2px solid var(--color-primary-variant);resize:none;width:100%;color:var(--color-white);transition:var(--transition-fast);background:0 0;border-radius:.5rem;padding:1.5rem}input:focus,textarea:focus{border-color:var(--color-primary)}.contact__option a:active{transition-duration:60ms;display:inline-block;transform:scale(.95)}@media screen and (max-width:1024px){.container.contact__container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}
.skills__container{grid-template-columns:repeat(3,1fr);gap:1.6rem;display:grid}.skills__category{background:var(--color-bg-variant);transition:var(--transition);border:1px solid #0000;border-radius:1rem;padding:1.8rem}.skills__category:hover{border-color:var(--color-border)}.skills__category-name{color:var(--color-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.2rem;font-size:.8rem}.skills__tags{flex-wrap:wrap;gap:.6rem;display:flex}.skills__tag{font-family:var(--font-mono);color:var(--color-white);background:var(--color-bg);border:1px solid var(--color-border);border-radius:.4rem;padding:.4rem .7rem;font-size:.8rem}@media screen and (max-width:1024px){.skills__container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.skills__container{grid-template-columns:1fr;gap:1rem}.skills__category{padding:1.5rem}}
footer{background:var(--color-primary);text-align:center;margin-top:7rem;padding:3rem 0;font-size:.9rem}footer a{color:var(--color-bg)}.footer__logo{margin-bottom:2rem;font-size:2rem;font-weight:500;display:inline-block}.permalinks{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 auto 3rem;font-size:1.3rem;display:flex}.footer__socials{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.footer__socials a{background:var(--color-bg);color:var(--color-white);border:1px solid #0000;border-radius:.7rem;padding:.8rem;display:flex}.footer__socials a:hover{color:var(--color-bg);border-color:var(--color-bg);background:0 0;transform:translateY(-2px)}.footer__socials a:active{transition-duration:60ms;transform:scale(.9)}.footer__logo:active{transition-duration:60ms;display:inline-block;transform:scale(.97)}.footer__copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.6rem}}
.integration-map{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px;margin:0 auto;display:flex}.integration-map svg{width:100%;height:auto;overflow:visible}.integration-map__line{stroke:var(--color-border);stroke-width:1.5px}.integration-map__line--system{stroke:#f2a65a59;stroke-dasharray:4 6;animation:6s linear infinite flow}.integration-map__line--ai{stroke:#5ec8c066;stroke-dasharray:4 6;animation:6s linear infinite reverse flow}@keyframes flow{to{stroke-dashoffset:-100px}}.integration-map__node circle{fill:var(--color-bg-variant);stroke:var(--color-border);stroke-width:1.5px;transition:var(--transition)}.integration-map__node--system circle{stroke:#f2a65a80}.integration-map__node--ai circle{stroke:#5ec8c08c}.integration-map__label{fill:var(--color-white);font-family:var(--font-mono);font-size:10.5px;font-weight:500}.integration-map__sublabel{fill:var(--color-light);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:8.5px}.integration-map__center circle{fill:var(--color-primary);filter:drop-shadow(0 0 22px #f2a65a73)}.integration-map__center-label{fill:var(--color-bg);font-family:var(--font-mono);letter-spacing:.05em;font-size:13px;font-weight:600}.integration-map__caption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-light);font-size:.8rem}@media (prefers-reduced-motion:reduce){.integration-map__line--system,.integration-map__line--ai{animation:none}}
header{min-height:100vh;padding-top:9rem;padding-bottom:5rem;overflow:hidden}@keyframes header-materialize{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.header__text,.header__map{animation:header-materialize .7s var(--ease-spring) both}.header__map{animation-delay:.12s}@media (prefers-reduced-motion:reduce){.header__text,.header__map{animation:none}}.header__container{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;display:grid;position:relative}.header__text h5{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.06em;font-size:.95rem}.header__role{font-family:var(--font-display);margin-top:.4rem;font-size:1.3rem;font-weight:500}.header__tagline{max-width:34rem;color:var(--color-white);margin-top:1.4rem;font-size:1.25rem}.cta{gap:1.2rem;margin-top:2.2rem;display:flex}.header__socials{align-items:center;gap:1.2rem;margin-top:3rem;display:flex}.header__socials a{border:1px solid var(--color-border);width:2.6rem;height:2.6rem;color:var(--color-light);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.header__socials a:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.header__socials a:active{transition-duration:60ms;transform:scale(.9)}.header__map{justify-content:center;display:flex}.scroll__down{font-family:var(--font-mono);color:var(--color-light);animation:scroll-hint 2.4s var(--ease-spring) infinite;font-size:.85rem;position:absolute;bottom:-3.5rem;right:0}@keyframes scroll-hint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.scroll__down{animation:none}}@media screen and (max-width:1024px){header{min-height:auto;padding-top:7rem}.header__container{text-align:center;grid-template-columns:1fr}.header__tagline{margin-left:auto;margin-right:auto}.cta,.header__socials{justify-content:center}.header__map{max-width:22rem;margin-top:2rem;margin-left:auto;margin-right:auto}.scroll__down{display:none}}
nav{z-index:2;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px)saturate(180%);background:#1b1e29b3;border-radius:3rem;align-items:center;gap:.4rem;width:max-content;padding:.6rem .9rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}nav a{color:var(--color-light);transition:var(--transition-fast);background:0 0;border-radius:50%;padding:.9rem;font-size:1.1rem;display:flex}nav a:hover{background:var(--color-bg-variant-2);color:var(--color-white)}nav a:active{transition-duration:60ms;transform:scale(.88)}nav a.active{background:var(--color-primary);color:var(--color-bg)}.nav__lang-toggle{border:1px solid var(--color-border);color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:1.2rem;margin-left:.3rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.nav__lang-toggle:hover{border-color:var(--color-secondary);color:var(--color-white)}.nav__lang-toggle:active{transition-duration:60ms;transform:scale(.92)}@media screen and (max-width:600px){nav{gap:.2rem;padding:.5rem .6rem}nav a{padding:.7rem;font-size:1rem}}
.portfolio__container{grid-template-columns:repeat(2,1fr);gap:1.8rem;display:grid}.portfolio__item{background:var(--color-bg-variant);transition:var(--transition);border:1px solid #0000;border-radius:1.2rem;flex-direction:column;padding:2rem;display:flex}.portfolio__item:hover{border-color:var(--color-primary-variant);background:0 0}.portfolio__tag{width:max-content;color:var(--color-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.9rem;font-size:.75rem;display:inline-block}.portfolio__item h3{margin-bottom:.9rem;font-size:1.25rem}.portfolio__desc{color:var(--color-light);margin-bottom:1.1rem;font-size:.95rem}.portfolio__stack{color:var(--color-white);opacity:.75;margin-bottom:1rem;font-size:.78rem;line-height:1.6;display:block}.portfolio__result{color:var(--color-primary);border-top:1px dashed var(--color-border);margin-top:auto;padding-top:.6rem;font-size:.88rem}.portfolio__item-cta{gap:1rem;margin-top:1.2rem;display:flex}@media screen and (max-width:1024px){.portfolio__container{grid-template-columns:1fr;gap:1.2rem}}@media screen and (max-width:600px){.portfolio__item{padding:1.5rem}}
.professional__container{max-width:52rem}.timeline{flex-direction:column;gap:2.6rem;display:flex;position:relative}.timeline__item{grid-template-columns:1.6rem 1fr;gap:1.6rem;display:grid}.timeline__rail{justify-content:center;display:flex;position:relative}.timeline__rail:before{content:"";background:var(--color-border);width:1px;position:absolute;top:.4rem;bottom:-2.6rem}.timeline__item:last-child .timeline__rail:before{display:none}.timeline__dot{background:var(--color-bg);border:2px solid var(--color-primary);z-index:1;border-radius:50%;width:.7rem;height:.7rem;margin-top:.35rem}.timeline__body{background:var(--color-bg-variant);transition:var(--transition);border:1px solid #0000;border-radius:1rem;padding:1.8rem 2.2rem 2rem}.timeline__body:hover{border-color:var(--color-border)}.timeline__duration{color:var(--color-secondary);letter-spacing:.04em;margin-bottom:.6rem;font-size:.8rem;display:inline-block}.timeline__body h3{font-size:1.3rem}.timeline__company{color:var(--color-light);margin-bottom:1.2rem;display:block}.timeline__list{flex-direction:column;gap:.8rem;display:flex}.timeline__list li{color:var(--color-light);align-items:flex-start;gap:.7rem;font-size:.95rem;display:flex}.timeline__list-icon{color:var(--color-primary);flex-shrink:0;margin-top:.3rem}@media screen and (max-width:600px){.timeline__item{grid-template-columns:1rem 1fr;gap:1rem}.timeline__body{padding:1.4rem 1.4rem 1.6rem}}