.badge{background-color:var(--accent-soft);color:var(--accent);border-radius:8px;padding:.3rem 1rem}.experience-card p,.experience-card li{color:var(--text-secondary)}.experience-card{background-color:var(--bg-surface);border:1px solid var(--border);padding:var(--spacer-md);margin-left:48px;margin-bottom:var(--spacer-md);border-radius:.5rem;flex-wrap:wrap;display:flex;position:relative}.experience-card__title{margin-bottom:var(--spacer-sm)}.experience-card__icon{padding-right:var(--spacer-sm)}.experience-card__information{width:30%}.experience-card__activities{width:70%;padding-left:1rem}@media screen and (width<=768px){.experience-card__information,.experience-card__activities{flex:100%;padding-left:0}}.experience-card__company,.experience-card__calendar,.experience-card__location{margin-bottom:var(--spacer-sm);align-items:center;display:flex}.experience-card__activities ul{list-style-position:inside}.experience-card__activities li,.experience-card__activities .experience-card__label{margin-bottom:var(--spacer-sm)}.experience-card__thumnail{background-color:var(--accent-soft);color:var(--accent);border-radius:8px;padding:.3rem 1rem}.experience-card__activities .experience-card__label,.experience-card__activities .experience-card__text{font-weight:var(--fw-bold)}p.experience-card__label{color:var(--text-primary);font-weight:var(--fw-bold)}.experience-card__icon{color:var(--text-muted)}.experience-card__stack{flex-wrap:wrap;gap:.5rem;display:flex}.experience-card:before{content:" ";border:5px solid #000;border-color:transparent var(--bg-surface) transparent transparent;border-width:14px;height:0;position:absolute;top:23px;left:-26px}.experience-card:after{content:"";border:2px solid var(--bg-surface);background-color:var(--accent);z-index:1;border-radius:50%;width:34px;height:34px;position:absolute;top:21px;left:-63px}.experience-card__arrow-border{border:5px solid #000;border-color:transparent var(--border) transparent transparent;z-index:-1;border-width:14px;height:0;position:absolute;top:23px;left:-28px}.footer{background-color:var(--bg-surface);margin-top:3rem;padding-top:3rem;padding-bottom:1.5rem}.footer__container{flex-wrap:wrap;gap:2rem;display:flex}.footer__flex-item{flex-direction:column;flex:calc(33.3% - 2rem);align-items:flex-start;display:flex}.footer__copyright{text-align:center;margin-top:2rem;padding-inline:1.5rem}@media screen and (width<=704px){.footer__flex-item{flex:calc(50% - 2rem)}}@media screen and (width<=600px){.footer__flex-item{flex:calc(100% - 2rem)}.footer__copyright{text-align:left}}.footer__title,.footer__link{margin-bottom:1rem}.footer__title{color:var(--text-primary)}.footer__contact-link{margin-bottom:0}.footer__description{color:var(--text-secondary);margin-top:1.5rem}.footer__link,.footer__flex-item p,.footer__copyright{color:var(--text-secondary)}.footer__link:hover{color:var(--text-primary)}.footer__link:active{color:var(--accent)}.navbar{background-color:var(--bg-surface);z-index:999;width:100%;position:fixed;top:0;left:0}.navbar__container{justify-content:space-between;padding-block:1.5rem;display:flex;position:relative}.navbar__item{display:none}a{text-decoration:none}a.navbar__item:link,a.navbar__item:visited{color:var(--text-secondary)}a.navbar__item:hover{color:var(--text-primary)}a.navbar__item:active{color:var(--accent)}@media screen and (width<=830px){.navbar__menu--responsive .navbar__item{text-align:center;background-color:var(--bg-inverse);color:var(--text-muted);padding-block:1rem;display:block}.navbar__menu--responsive .navbar__item:hover{color:var(--text-inverse)}.navbar__menu--responsive .navbar__item:active{color:var(--accent-soft)}.navbar__menu--responsive .navbar__icon{text-align:right;padding:1.5rem}.navbar__menu--responsive{width:100%;position:absolute;top:0;left:0}}@media screen and (width>=830px){.navbar__icon{display:none}.navbar__item{padding:1rem;display:inline}.navbar__item:last-child{padding-right:0}}.project-card__background{border:1px solid var(--border);width:100%;height:100%;transition:transform .4s,filter .4s}.project-card__badges{flex-wrap:wrap;gap:6px;display:flex}.project-card{flex:0 0 calc(50% - var(--spacer-md));background-color:var(--bg-surface);border:1px solid var(--border);border-radius:16px;transition:transform .4s;overflow:hidden}@media screen and (width<=768px){.project-card{flex:100%}}.project-card__title,.project-card__description,.project-card__badges,.project-card__links{margin-inline:var(--spacer-md)}.project-card__title,.project-card__badges{margin-block:1rem}.project-card__links{margin-bottom:1.2rem}.project-card__links a{color:var(--accent)}.project-card__links a:hover{color:var(--accent-hover)}.project-card__demo-link{margin-right:var(--spacer-sm)}.project-card__description{color:var(--text-secondary)}.project-card:hover{border-color:var(--accent-soft);transform:scaleY(1.01)}.project-card:hover .project-card__background{filter:brightness(.6);transform:scale(1.05)}.project-card:hover .project-card__thumbnail-buttons{display:flex}.project-card__thumbnail{position:relative}.project-card__thumbnail-buttons{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card__link-button{background-color:var(--accent);width:50px;height:50px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;margin-inline:.5rem;transition:width .4s,height .4s;display:flex}.project-card__link-button:hover{background-color:var(--accent-hover);transform:scale(1.05)}.project-card__img-wrapper{aspect-ratio:16/9;width:100%}.skills__card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;align-items:center;margin-bottom:1rem;padding:.8rem 1rem;transition:transform .4s;display:flex}.skills__card:hover{transform:scale(1.05)}.skills-card__name{color:var(--text-primary)}.skills-card__icon{color:var(--accent)}.skills-card__level{font-size:var(--fs-small)}.skills-card__details{flex-direction:column;justify-content:flex-start;margin-left:.7rem;display:flex}.skills-card__level--advanced{color:var(--status-advanced-text)}.skills-card__level--intermediate{color:var(--status-intermediate-text)}.skills-card__level--beginner{color:var(--status-beginner-text)}.about-me__container{flex-wrap:wrap;gap:2.5rem;display:flex}section.about-me{margin-top:var(--section-padding-md)}.about-me__presentation,.about-me__meta{flex:calc(50% - 2.5rem)}@media screen and (width<=768px){.about-me__presentation,.about-me__meta{flex:100%}}.about-me__presentation{padding-left:1.5rem}.about-me__presentation p{color:var(--text-secondary);position:relative}.about-me__presentation p:not(:last-child){margin-bottom:1rem}.about-me__presentation p:before{content:"";background-color:var(--accent-soft);width:3px;position:absolute;top:0;bottom:0;left:-1.5rem}.about-me__meta-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:calc(50% - 1rem);padding:1.5rem;transition:transform .4s;display:flex}.about-me__meta-card:hover{transform:scale(1.05)}.about-me__meta{flex-wrap:wrap;align-self:flex-start;gap:1rem;display:flex}.about-me__meta p{color:var(--text-primary)}.about-me__meta i{color:var(--accent)}.about-me__meta span{color:var(--text-secondary)}.about-me__card-title{margin-top:1rem;margin-bottom:.3rem}.contact__row{flex-wrap:wrap;gap:3rem;display:flex}.contact__data{margin-bottom:var(--spacer-sm);align-items:center;display:flex}.contact__row-item{flex:calc(50% - 3rem)}@media screen and (width<=600px){.contact__row-item{flex:100%}}section.contact{margin-top:var(--section-padding-sm)}.contact__form input,textarea,.contact__form button{border:1px solid var(--border);width:100%;font-size:var(--fs-body);color:var(--text-primary);border-radius:8px;outline:none;margin-top:.2rem;margin-bottom:1rem;padding:16px;transition:border-color .3s,box-shadow .3s}.contact__form button{background-color:var(--accent);color:var(--bg-surface);font-size:1rem;transition:transform .4s}.contact__form :focus,.contact__form textarea:focus{border:1px solid var(--accent);box-shadow:0 0 0 1px #2563eb26}.contact__icon-box,.contact__link-button{background:var(--bg-surface);border:1px solid var(--border);margin-right:var(--spacer-sm);color:var(--accent);border-radius:12px;padding:.6rem .7rem}.contact__description-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.contact__card-title{color:var(--text-primary)}.contact__card-description{color:var(--text-secondary);margin-top:.4rem}.contact__links-label{margin-top:var(--spacer-md);margin-bottom:var(--spacer-xs);color:var(--primary)}.contact__link-button{margin-right:.7rem;display:inline-block}.contact__label{color:var(--text-secondary);font-size:var(--fs-small)}.contact__label-text,.contact__form label{color:var(--text-primary)}.contact__send-button-icon{margin-right:var(--spacer-xs)}.contact__form button:hover{background-color:var(--accent-hover);transform:scale(1.05)}.contact__send-button--disabled{opacity:.7}.contact__spinner-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline:before{content:"";border:3px solid var(--border);width:3px;position:absolute;top:0;bottom:0;left:0}.timeline{position:relative}.timeline .experience-card:last-child{margin-bottom:0}section.experience{margin-top:var(--section-padding-md)}.hero{text-align:center;background-color:#f8fafc;flex-direction:column;align-items:center;padding-top:10rem;display:flex}.hero__avatar{width:9rem;height:9rem;margin-bottom:var(--spacer-sm);border-radius:100px}.hero__description{text-align:center;max-width:610px;margin-block:var(--spacer-sm);color:var(--text-secondary)}.hero__title{line-height:var(--lh-tight);color:var(--text-primary)}.hero__subtitle{color:var(--text-primary)}.hero__buttons{margin:var(--spacer-sm) 0 3rem;justify-content:center;gap:var(--spacer-sm);flex-wrap:wrap;display:flex}.hero__button{background-color:var(--accent);color:var(--text-inverse);border-radius:8px;padding:1rem 1.5rem;transition:transform .4s}.hero__button:hover{background-color:var(--accent-hover);transform:scale(1.05)}.hero__icons i{margin-inline:var(--spacer-sm);font-size:1.5rem}.hero__icons a{color:var(--text-secondary)}.hero__icons a:hover{color:var(--accent)}@media screen and (width<=380px){.hero{padding-top:90px}}.projects__row{flex-wrap:wrap;gap:2rem;display:flex}section.projects{margin-top:var(--section-padding-lg)}section.skills{margin-top:var(--section-padding-md)}.skills__stack{flex-wrap:wrap;gap:2rem;display:flex}.skills__techs{flex:calc(33.3% - 2rem)}.skills__competence-container{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.skills__competence-item{flex:calc(33.3% - 2rem)}.skills__title-row{align-items:center;margin-bottom:1rem;display:flex}.skills_competence-label{font-weight:var(--fw-bold);text-align:center;color:var(--text-primary);margin-bottom:.3rem}.skills__competence-description{text-align:center;font-size:var(--fs-small);color:var(--text-secondary)}.skills__competence-icon{flex-shrink:0;margin-right:.5rem}.skills_competence-label--advanced{color:var(--status-advanced-text)}.skills_competence-label--beginner{color:var(--status-beginner-text)}.skills_competence-label--intermediate{color:var(--status-intermediate-text)}.skills__title-row{margin-bottom:1.5rem}@media screen and (width<=992px){.skills__techs{flex:calc(50% - 2rem)}.skills__competence-item{flex:0 calc(50% - 2rem)}}@media screen and (width<=600px){.skills__techs,.skills__competence-item{flex:100%}}.skills__stack-title{color:var(--text-primary);font-weight:var(--fw-bold);align-items:center;padding-bottom:1rem;display:flex}.skills__stack-title:before,.skills__stack-title:after{content:"";flex:1;height:1px}.skills__stack-title:before{background:linear-gradient(to right, var(--accent), transparent);margin-right:5px}.skills__stack-title:after{background:linear-gradient(to left, var(--accent), transparent);margin-left:5px}.skills__competence-card{max-width:992px;margin:0 auto var(--spacer-md);background-color:#f003;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:1rem;padding:2rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px;font-size:16px}body{background-color:var(--bg-page)}:root{--ff-body:"Inter", sans-serif;--ff-heading:"Space Grotesk", sans-serif;--fs-hero:3.5rem;--fs-h1:2.5rem;--fs-h2:2rem;--fs-h3:1.4rem;--fs-body:1rem;--fs-small:.8rem;--lh-tight:.9;--lh-normal:1.2;--lh-relaxed:1.5;--fw-bold:700;--fw-semi-bold:600;--fw-regular:400;--spacer-xs:.5rem;--spacer-sm:1rem;--spacer-md:2rem;--spacer-lg:4rem;--primary:#0a0a0f;--gray:#a9b0be;--white:#fff;--bg-page:#f8f9fb;--bg-surface:#fff;--bg-inverse:#1a1d2e;--text-primary:#1a1d2e;--text-secondary:#6b7380;--text-inverse:#fff;--text-muted:#8a98c4;--accent:#3d5af1;--accent-soft:#c7d0ff;--accent-hover:#2f47d4;--border:#e2e5ee;--status-beginner-text:#6b7280;--status-intermediate-text:#3d5af1;--status-advanced-text:#10b981;--section-padding-lg:8rem;--section-padding-md:6rem;--section-padding-sm:4rem}@media screen and (width>=992px){:root{--fs-hero:5rem;--fs-h1:3.5rem;--fs-h2:2.5rem;--fs-h3:1.5rem}}body{font-family:var(--ff-body);line-height:var(--lh-relaxed);font-weight:var(--fw-regular)}h1,h2,h3{font-family:var(--ff-heading);line-height:var(--lh-normal);color:var(--text-primary)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.container{max-width:1200px;margin:0 auto}.title,.description{text-align:center}.description{padding:var(--spacer-md);margin-bottom:var(--spacer-md);color:var(--text-secondary)}@media screen and (width<=1200px){.container{padding-inline:1.5rem}}.logo{font-weight:var(--fw-bold);color:var(--text-primary)}