:root{--hue-color: 242;--skin-color: hsl(342, 92%, 46%);--mirage-color: hsl(210, 10%, 23%);--title-color: hsl(var(--hue-color), 8%, 95%);--text-color: hsl(var(--hue-color), 8%, 85%);--body-color: hsl(var(--hue-color), 19%, 5%);--box-color: hsl(var(--hue-color), 14%, 10%);--scroll-box-color: hsl(var(--hue-color), 12%, 38%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 26%);--body-font: "Poppins", sans-serif;--signature-font: "Turret Road", sans-serif;--biggest-font-size: 3rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--font-medium: 500;--font-bold: 600;--mb025: .25rem;--mb05: .5rem;--mb075: .75rem;--mb1: 1rem;--mb15: 1.5rem;--mb2: 2rem;--mb25: 2.5rem;--mb3: 3rem;--z-fixed: 10;--z-modal: 100}@media screen and (max-width: 1024px){:root{--biggest-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1.125rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}body,button,input{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);min-height:100vh}h1,h2,h3{color:var(--title-color);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer}button,input{border:none;outline:none}.container{max-width:1250px;margin-left:auto;margin-right:auto}.grid{display:grid}.button{display:inline-flex;align-items:center;column-gap:.5rem;background-color:var(--skin-color);color:var(--title-color);padding:.75rem 1.4rem;border-radius:.25rem;font-weight:var(--font-medium);position:relative;z-index:1;transition:.4s;cursor:pointer;border:none;font-size:var(--normal-font-size)}.button:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:var(--mirage-color);z-index:-1;transform-origin:center;transform:scale(0);border-radius:.25rem;transition:.3s}.button:hover:after{transform:scale(1)}.button--ghost{background-color:transparent;border:2px solid var(--skin-color);color:var(--skin-color)}.button--ghost:after{background-color:var(--skin-color)}.button--ghost:hover{color:var(--title-color)}.home__buttons,.about__buttons{display:flex;flex-wrap:wrap;gap:1rem}.section{padding:6.5rem 0 2rem}.section__title{text-align:center;font-size:var(--h1-font-size);margin-bottom:var(--mb3)}.section__title:before{content:attr(data-heading);display:block;font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--skin-color)}::-webkit-scrollbar{width:.6rem;background-color:var(--scroll-box-color);border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:.5rem}.aside{width:270px;background:var(--box-color);position:fixed;left:0;top:0;z-index:var(--z-fixed);height:100%;padding:30px;border-right:1px solid var(--scroll-box-color);display:flex;justify-content:center;align-items:center;transition:all .3s ease}.aside__logo{position:absolute;top:30px;font-size:30px;text-transform:capitalize}.aside__logo a{color:var(--title-color);font-weight:700;padding:15px 20px;font-size:30px;letter-spacing:5px;position:relative}.aside__logo a:before{content:"";position:absolute;width:20px;height:20px;border-bottom:5px solid var(--skin-color);border-left:5px solid var(--skin-color);bottom:0;left:0}.aside__logo a:after{content:"";position:absolute;width:20px;height:20px;border-top:5px solid var(--skin-color);border-right:5px solid var(--skin-color);top:0;right:0}.aside__logo a span{font-size:40px}.aside__nav{margin-top:50px}.aside__nav li{margin-bottom:20px;display:block}.aside__nav li a{font-size:16px;font-weight:600;display:block;color:var(--title-color);padding:5px 15px;border-bottom:1px solid var(--scroll-box-color);transition:color .3s}.aside__nav li a.active{color:var(--skin-color)}.aside__nav li a i{margin-right:15px}.aside__nav-hosting{margin-top:10px;color:var(--title-color)!important;background-color:var(--skin-color)!important;border:none!important;border-radius:.35rem!important;text-align:center;transition:opacity .3s!important}.aside__nav-hosting:hover{opacity:.8}.aside__nav-toggler{height:40px;width:45px;border:1px solid var(--scroll-box-color);cursor:pointer;position:fixed;left:300px;top:20px;border-radius:5px;background:var(--box-color);display:none;align-items:center;justify-content:center;transition:all .3s ease;z-index:calc(var(--z-fixed) + 1)}.aside__nav-toggler span{height:2px;width:18px;background:var(--skin-color);display:inline-block;position:relative}.aside__nav-toggler span:before,.aside__nav-toggler span:after{content:"";height:2px;width:18px;background:var(--skin-color);position:absolute;left:0}.aside__nav-toggler span:before{top:-6px}.aside__nav-toggler span:after{top:6px}.aside__nav-toggler.open span{background-color:transparent}.aside__nav-toggler.open span:before{transform:rotate(45deg);top:0}.aside__nav-toggler.open span:after{transform:rotate(-45deg);top:0}.main{margin-left:270px}.home{height:100vh;margin-left:var(--mb25);margin-right:var(--mb25)}.home__container{position:relative;height:100%;align-items:center}.home__social{position:absolute;top:5rem;left:0;display:flex;align-items:center;column-gap:3.5rem}.home__social-follow{font-weight:var(--font-medium);position:relative}.home__social-follow:after{content:"";position:absolute;width:1rem;height:2px;background-color:var(--text-color);right:-45%;top:50%}.home__social-links{display:inline-flex;column-gap:1rem}.home__social-link{font-size:1.08rem;color:var(--text-color);transition:.4s}.home__social-link:hover{transform:translateY(.25rem)}.home__img{position:absolute;right:0;top:10%;transform:translateY(-50%);max-width:450px;height:auto;object-fit:cover;border-radius:1rem;box-shadow:0 0 20px #0000001a}.home__title{font-size:var(--biggest-font-size)}.home__subtitle{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb075)}.home__description{max-width:450px;margin-bottom:var(--mb2)}.my-info{display:flex;column-gap:1.8rem;position:absolute;left:0;bottom:1.8rem}.info__item{display:flex;align-items:center}.info__title,.info__subtitle{font-size:var(--small-font-size)}.info__title{font-weight:var(--font-medium)}.info__icon{font-size:1.8rem;color:var(--skin-color);margin-right:var(--mb075)}.about__container{grid-template-columns:repeat(2,1fr);column-gap:4rem;align-items:center}.about__img{width:480px;border-radius:.75rem;justify-self:center}.about__heading{font-size:var(--h3-font-size);margin-bottom:var(--mb075)}.about__description{text-align:justify;padding-right:6rem;margin-bottom:var(--mb2)}.about__info{display:grid;grid-template-columns:repeat(3,140px);column-gap:.5rem;margin-bottom:var(--mb3)}.about__box{text-align:center;border-radius:.25rem;padding:1rem 1.25rem;background-color:var(--box-color)}.about__icon{font-size:1.5rem;color:var(--skin-color);margin-bottom:var(--mb075)}.about__title,.about__subtitle{font-size:var(--small-font-size)}.qualification__container{grid-template-columns:repeat(2,340px);column-gap:3rem;justify-content:center}.qualification__title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb2)}.timeline__item{position:relative;margin-bottom:var(--mb25);padding-left:3rem}.timeline__item:last-child{margin-bottom:0}.timeline__item:before{content:"";width:1px;position:absolute;left:.48rem;top:0;height:100%;background-color:var(--skin-color)}.circle-dot{position:absolute;left:0;top:0;height:1rem;width:1rem;border:2px solid var(--skin-color);border-radius:50%;background-color:var(--skin-color);transition:.4s}.timeline__item:hover .circle-dot{background-color:var(--body-color)}.timeline__title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb025)}.timeline__text{font-size:var(--smaller-font-size);margin-bottom:var(--mb1)}.timeline__date{display:flex;align-items:center;column-gap:.4rem;font-size:var(--normal-font-size);color:var(--skin-color)}.skills__container{grid-template-columns:360px 320px;column-gap:3rem;justify-content:center}.skills__header{display:flex;align-items:center;cursor:pointer}.skills__header:not(:last-child){margin-bottom:var(--mb25)}.skills__icon,.skills__arrow{font-size:2rem;color:var(--skin-color)}.skills__icon{margin-right:var(--mb075)}.skills__arrow{margin-left:auto;transition:.4s}.skills__header.skills-active .skills__arrow{transform:rotate(-90deg)}.skills__title{font-size:var(--h3-font-size);font-weight:var(--font-medium)}.skills__subtitle{font-size:var(--small-font-size)}.skills__list{row-gap:1.8rem}.skills__data{display:flex;align-items:center;column-gap:.75rem}.skills__data .skills__icon{font-size:1.5rem;margin-right:0}.skills__name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.skills__years{font-size:var(--small-font-size);color:var(--text-color)}.skills__group{display:none}.skills__group.skills-active{display:block}.work__filters{display:flex;justify-content:center;align-items:center;column-gap:.75rem;margin-bottom:2rem}.work__item{cursor:pointer;color:var(--title-color);padding:.25rem .75rem;font-weight:var(--font-medium);border-radius:.5rem;transition:background-color .3s,color .3s}.work__item.active-work{background-color:var(--skin-color);color:var(--title-color)}.work__container{grid-template-columns:repeat(3,330px);gap:1.8rem;justify-content:center;padding-top:1rem}.work__card{background-color:var(--box-color);padding:1.25rem;border-radius:.5rem}.work__img{border-radius:.5rem;margin-bottom:var(--mb1);width:100%;height:200px;object-fit:contain;background-color:var(--body-color)}.work__title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb05)}.work__button{color:var(--skin-color);font-size:var(--small-font-size);display:flex;align-items:center;column-gap:.25rem;cursor:pointer;background:none;border:none;padding:0}.work__button-icon{font-size:1rem;transition:.4s}.work__button:hover .work__button-icon{transform:translate(.25rem)}.portfolio-popup{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;padding:0 1rem;opacity:0;visibility:hidden;z-index:var(--z-modal);transition:.4s}.portfolio-popup.open{opacity:1;visibility:visible}.portfolio-popup__inner{background-color:var(--box-color);width:900px;max-width:95vw;border-radius:.5rem;padding:2.5rem;position:relative;max-height:90vh;overflow-y:auto}.portfolio-popup__content{grid-template-columns:repeat(2,1fr);align-items:center;column-gap:3rem}.portfolio-popup__close{position:absolute;top:.75rem;right:1rem;font-size:1.5rem;color:var(--skin-color);cursor:pointer;background:none;border:none}.portfolio-popup__subtitle{font-size:var(--smaller-font-size);margin-bottom:var(--mb025)}.details-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb1)}.details-description{font-size:var(--small-font-size);margin-bottom:var(--mb2)}.details-info li{margin-bottom:var(--mb075);text-transform:capitalize;font-size:var(--small-font-size)}.details-info li:last-child{margin-bottom:0}.details-info li span{font-weight:400}.details-info li a{text-transform:lowercase;color:var(--skin-color)}.project-carousel{position:relative}.carousel-container{position:relative;overflow:hidden;border-radius:.5rem}.carousel-images{display:flex;transition:transform .4s ease}.carousel-images img{min-width:100%;height:280px;object-fit:cover;border-radius:.5rem;cursor:pointer}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:.5rem .75rem;cursor:pointer;font-size:1.5rem;border-radius:.25rem;z-index:2;transition:background .3s}.carousel-btn:hover{background:#000c}.carousel-prev{left:.5rem}.carousel-next{right:.5rem}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--box-color);border:1px solid var(--skin-color);cursor:pointer;transition:background .3s}.carousel-dot.active{background:var(--skin-color)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10)}.lightbox__img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:.25rem;-webkit-user-select:none;user-select:none}.lightbox__close{position:fixed;top:1rem;right:1.25rem;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;line-height:1;z-index:1}.lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;background:none;border:none;cursor:pointer;line-height:1;padding:0 .5rem;z-index:1}.lightbox__prev{left:1rem}.lightbox__next{right:1rem}.lightbox__counter{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);color:#ffffffbf;font-size:var(--small-font-size)}.services__container{grid-template-columns:repeat(3,250px);justify-content:center;column-gap:1.8rem}.services__content{position:relative;background-color:var(--box-color);padding:6rem 0 2rem 2.5rem;border-radius:.25rem;cursor:pointer}.services__icon{display:block;font-size:1.8rem;color:var(--skin-color);margin-bottom:var(--mb1)}.services__title{font-size:var(--h3-font-size);margin-bottom:var(--mb1);font-weight:var(--font-medium)}.services__button{color:var(--skin-color);font-size:var(--small-font-size);display:flex;align-items:center;column-gap:.25rem;cursor:pointer;background:none;border:none;padding:0}.services__button-icon{font-size:1rem;transition:.4s}.services__button:hover .services__button-icon{transform:translate(.25rem)}.services__modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;padding:1rem;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.services__modal-content{width:540px;max-width:100%;max-height:90vh;overflow-y:auto;position:relative;background-color:var(--box-color);padding:3rem 2.5rem 2.5rem;border-radius:.75rem;box-shadow:0 25px 50px #0006;animation:popup-in .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes popup-in{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.services__modal-close{position:absolute;top:1rem;right:1rem;font-size:1.4rem;color:var(--skin-color);cursor:pointer;background:none;border:none;line-height:1;transition:transform .2s}.services__modal-close:hover{transform:rotate(90deg)}.services__modal-icon-large{display:block;font-size:2.5rem;color:var(--skin-color);text-align:center;margin-bottom:var(--mb1)}.services__modal-title,.services__modal-description{text-align:center}.services__modal-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:.5rem}.services__modal-description{font-size:var(--small-font-size);color:var(--text-color);margin-bottom:var(--mb2)}.services__modal-services{display:grid;row-gap:var(--mb075)}.services__modal-service{display:flex;align-items:center;column-gap:.5rem}.services__modal-icon{color:var(--skin-color);font-size:1.1rem;flex-shrink:0}.services__modal-info{font-size:var(--small-font-size)}.services__modal-cta{margin-top:1.5rem}.contact__container{grid-template-columns:300px 340px;column-gap:3rem;justify-content:center;align-items:center}.contact__info{display:grid;row-gap:1rem}.contact__card{background-color:var(--box-color);padding:1rem;border-radius:.5rem;text-align:center}.contact__card-icon{font-size:1.8rem;color:var(--title-color);margin-bottom:var(--mb025);display:block}.contact__card-title,.contact__card-data{font-size:var(--small-font-size)}.contact__card-title{font-weight:var(--font-medium)}.contact__card-data{display:block;margin-bottom:var(--mb075)}.contact__button{color:var(--skin-color);font-size:var(--small-font-size);display:flex;align-items:center;justify-content:center;column-gap:.25rem;cursor:pointer}.contact__button-icon{font-size:1rem;transition:.4s}.contact__button:hover .contact__button-icon{transform:translate(.25rem)}.input-container{position:relative;margin-top:1rem;margin-bottom:1.9rem}.input{width:100%;border:2px solid var(--text-color);background-color:transparent;padding:.6rem 1.2rem;color:var(--title-color);font-weight:var(--font-medium);font-size:var(--normal-font-size);letter-spacing:.5px;border-radius:.5rem;outline:none;transition:.4s;font-family:var(--body-font)}textarea.input{padding:.8rem 1.2rem;min-height:140px;resize:none}.input-container label{position:absolute;left:1rem;transform:translateY(-50%);padding:0 .4rem;color:var(--text-color);font-size:1rem;font-weight:var(--font-medium);pointer-events:none;z-index:1;transition:.5s;background-color:var(--body-color)}.input-container.textarea label{top:1rem;transform:translateY(0)}.input-container.focus label{top:0;transform:translateY(-50%);left:25px;font-size:var(--smaller-font-size)}.form-status{margin-bottom:1rem;font-size:var(--small-font-size)}.form-status.success{color:#2ecc71}.form-status.error{color:#e74c3c}.footer{padding-top:2rem}.footer__bg{background-color:var(--box-color);padding:3rem 0 3.5rem}.footer__container{grid-template-columns:repeat(3,1fr);column-gap:1.6rem;margin-left:var(--mb25);margin-right:var(--mb25)}.footer__title{font-size:var(--h1-font-size);margin-bottom:var(--mb025)}.footer__subtitle{font-size:var(--small-font-size)}.footer__links{display:flex;justify-self:center;column-gap:2rem}.footer__link{color:var(--title-color);transition:color .3s}.footer__link:hover{color:var(--skin-color)}.footer__socials{justify-self:flex-end}.footer__social{font-size:1.25rem;margin-right:var(--mb15);color:var(--title-color);transition:color .3s}.footer__social:hover{color:var(--skin-color)}.footer__copy{font-size:var(--smaller-font-size);text-align:center;margin-top:4.5rem;color:var(--title-color)}.footer__copy a{font-family:var(--signature-font);color:var(--title-color);transition:color .3s}.footer__copy a:hover{color:var(--skin-color)}.dashboard{display:flex;min-height:100vh;background-color:var(--body-color)}.dash-sidebar{width:260px;background:var(--box-color);position:fixed;left:0;top:0;height:100vh;padding:30px 20px;border-right:1px solid var(--scroll-box-color);display:flex;flex-direction:column;z-index:var(--z-fixed);overflow-y:auto}.dash-sidebar__logo{margin-bottom:2rem}.dash-sidebar__logo a{color:var(--title-color);font-weight:700;font-size:1.5rem;letter-spacing:3px;padding:10px 15px;position:relative;display:inline-block}.dash-sidebar__logo a:before{content:"";position:absolute;width:14px;height:14px;border-bottom:4px solid var(--skin-color);border-left:4px solid var(--skin-color);bottom:0;left:0}.dash-sidebar__logo a:after{content:"";position:absolute;width:14px;height:14px;border-top:4px solid var(--skin-color);border-right:4px solid var(--skin-color);top:0;right:0}.dash-sidebar__subtitle{font-size:var(--smaller-font-size);color:var(--skin-color);padding-left:15px;margin-top:-.5rem;margin-bottom:2rem;letter-spacing:1px;text-transform:uppercase}.dash-sidebar__nav{flex:1}.dash-sidebar__nav ul{list-style:none;padding:0;margin:0}.dash-sidebar__nav li{margin-bottom:4px}.dash-sidebar__nav a,.dash-sidebar__nav button{width:100%;text-align:left;display:flex;align-items:center;gap:.75rem;font-size:var(--small-font-size);font-weight:var(--font-medium);color:var(--text-color);padding:10px 15px;border-radius:.5rem;border:none;background:transparent;cursor:pointer;text-decoration:none;transition:background .3s,color .3s}.dash-sidebar__nav a:hover,.dash-sidebar__nav button:hover,.dash-sidebar__nav a.active{background:#ffffff0f;color:var(--skin-color)}.dash-sidebar__nav a.active{background:rgba(var(--skin-color),.15)}.dash-sidebar__badge{margin-left:auto;background:var(--skin-color);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;min-width:18px;text-align:center}.dash-sidebar__footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--scroll-box-color)}.dash-sidebar__footer a,.dash-sidebar__footer button{display:flex;align-items:center;gap:.75rem;font-size:var(--small-font-size);color:var(--text-color);padding:8px 15px;border-radius:.5rem;background:none;border:none;cursor:pointer;width:100%;text-decoration:none;transition:color .3s}.dash-sidebar__footer a:hover,.dash-sidebar__footer button:hover{color:var(--skin-color)}.dash-main{margin-left:260px;flex:1;padding:2rem;min-height:100vh}.dash-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--scroll-box-color)}.dash-header h1{font-size:var(--h2-font-size)}.dash-header h1 span{color:var(--skin-color)}.dash-header p{color:var(--text-color);font-size:var(--small-font-size);margin-top:.25rem}.dash-card{background:var(--box-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--scroll-box-color)}.dash-card__title{font-size:var(--h3-font-size);color:var(--title-color);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--scroll-box-color);display:flex;align-items:center;gap:.5rem}.dash-card__title i{color:var(--skin-color)}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.dash-stat{background:var(--box-color);border-radius:.5rem;padding:1.25rem 1rem;border:1px solid var(--scroll-box-color);border-left:4px solid var(--skin-color)}.dash-stat.new{border-left-color:var(--skin-color)}.dash-stat.read{border-left-color:#f59f0a}.dash-stat.replied{border-left-color:#2ecc70}.dash-stat.closed{border-left-color:var(--scroll-box-color)}.dash-stat__value{font-size:2rem;font-weight:700;color:var(--title-color)}.dash-stat__label{font-size:var(--smaller-font-size);color:var(--text-color);text-transform:uppercase;margin-top:.25rem}.dash-form-group{margin-bottom:1.25rem}.dash-form-group label{display:block;margin-bottom:.5rem;font-size:var(--small-font-size);font-weight:var(--font-medium);color:var(--title-color)}.dash-form-group input,.dash-form-group textarea,.dash-form-group select{width:100%;padding:.65rem 1rem;background:var(--body-color);border:1px solid var(--scroll-box-color);border-radius:.4rem;color:var(--title-color);font-family:var(--body-font);font-size:var(--small-font-size);transition:border-color .3s}.dash-form-group input:focus,.dash-form-group textarea:focus,.dash-form-group select:focus{outline:none;border-color:var(--skin-color)}.dash-form-group textarea{min-height:100px;resize:vertical}.dash-form-group select option{background:var(--box-color)}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dash-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dash-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:.4rem;font-size:var(--small-font-size);font-weight:var(--font-medium);cursor:pointer;border:none;transition:all .3s;font-family:var(--body-font)}.dash-btn-primary{background:var(--skin-color);color:#fff}.dash-btn-primary:hover{background:#ba083d}.dash-btn-secondary{background:var(--scroll-box-color);color:var(--title-color)}.dash-btn-secondary:hover{background:var(--scroll-thumb-color)}.dash-btn-danger{background:#d93226;color:#fff}.dash-btn-danger:hover{background:#b62a20}.dash-btn-ghost{background:transparent;color:var(--text-color);border:1px solid var(--scroll-box-color)}.dash-btn-ghost:hover:not(:disabled){background:var(--scroll-box-color);color:var(--title-color)}.dash-btn-ghost:disabled{opacity:.3;cursor:not-allowed}.dash-reorder{display:flex;gap:.2rem;margin-right:.25rem}.dash-btn-success{background:#28af60;color:#fff}.dash-btn-success:hover{background:#219150}.dash-btn-sm{padding:.4rem .8rem;font-size:var(--smaller-font-size)}.dash-btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.dash-alert{padding:.85rem 1rem;border-radius:.4rem;margin-bottom:1rem;font-size:var(--small-font-size)}.dash-alert-success{background:#2ecc7126;color:#59d98e;border:1px solid rgba(46,204,113,.3)}.dash-alert-error{background:#e74c3c26;color:#f66055;border:1px solid rgba(231,76,60,.3)}.dash-alert-info{background:#3498db26;color:#65ace7;border:1px solid rgba(52,152,219,.3)}.dash-item-list{display:flex;flex-direction:column;gap:.75rem}.dash-item{background:var(--body-color);border:1px solid var(--scroll-box-color);border-left:4px solid var(--skin-color);border-radius:.4rem;padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dash-item__info{flex:1}.dash-item__title{font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--title-color);margin-bottom:.25rem}.dash-item__meta{font-size:var(--smaller-font-size);color:var(--text-color)}.dash-item__actions{display:flex;gap:.4rem;flex-shrink:0}.dash-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--scroll-box-color)}.dash-tab{padding:.65rem 1.25rem;cursor:pointer;border:none;background:transparent;font-size:var(--small-font-size);font-weight:var(--font-medium);color:var(--text-color);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s;font-family:var(--body-font)}.dash-tab:hover{color:var(--title-color)}.dash-tab.active{color:var(--skin-color);border-bottom-color:var(--skin-color)}.dash-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem}.dash-modal__content{background:var(--box-color);border:1px solid var(--scroll-box-color);border-radius:.5rem;padding:2rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.dash-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--scroll-box-color)}.dash-modal__header h2{font-size:var(--h3-font-size);color:var(--title-color)}.dash-modal__close{background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;transition:color .3s}.dash-modal__close:hover{color:var(--skin-color)}.dash-confirm{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10)}.dash-confirm__box{background:var(--box-color);border:1px solid var(--scroll-box-color);border-radius:.5rem;padding:2.5rem;max-width:420px;width:90%;text-align:center}.dash-confirm__icon{font-size:3rem;color:#f6a823;margin-bottom:1rem}.dash-confirm__box h3{font-size:var(--h3-font-size);color:var(--title-color);margin-bottom:.75rem}.dash-confirm__box p{color:var(--text-color);font-size:var(--small-font-size);margin-bottom:1.5rem}.dash-confirm__actions{display:flex;gap:.75rem;justify-content:center}.dash-upload-area{border:2px dashed var(--scroll-box-color);border-radius:.5rem;padding:1.5rem;background:var(--body-color);transition:border-color .3s}.dash-upload-area:hover{border-color:var(--skin-color)}.dash-image-preview{width:100%;max-width:400px;height:220px;margin:0 auto 1rem;border:1px solid var(--scroll-box-color);border-radius:.4rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--body-color)}.dash-image-preview img{max-width:100%;max-height:100%;object-fit:contain}.dash-image-preview__placeholder{text-align:center;color:var(--text-color)}.dash-image-preview__placeholder i{font-size:3rem;color:var(--scroll-box-color);display:block;margin-bottom:.5rem}.dash-image-preview__placeholder p{font-size:var(--smaller-font-size)}.dash-carousel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-top:1rem}.dash-carousel-item{position:relative;border:2px solid var(--scroll-box-color);border-radius:.4rem;overflow:hidden;background:var(--body-color);transition:border-color .3s}.dash-carousel-item:hover{border-color:var(--skin-color)}.dash-carousel-item img{width:100%;height:100px;object-fit:cover;display:block}.dash-carousel-item__remove{position:absolute;top:4px;right:4px;background:#e74c3ce6;color:#fff;border:none;border-radius:3px;padding:3px 7px;font-size:11px;cursor:pointer;opacity:0;transition:opacity .3s}.dash-carousel-item:hover .dash-carousel-item__remove{opacity:1}.dash-carousel-item__thumb-badge{position:absolute;bottom:4px;left:4px;background:rgba(var(--skin-color),.9);background:#e1094a;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase}.dash-badge{display:inline-block;padding:3px 9px;border-radius:10px;font-size:var(--smaller-font-size);font-weight:var(--font-medium);text-transform:capitalize}.dash-badge-new{background:#e74c3c33;color:#f66055}.dash-badge-read{background:#f39c1233;color:#f8bc54}.dash-badge-replied{background:#2ecc7133;color:#44d580}.dash-badge-closed{background:#95a5a633;color:var(--text-color)}.dash-badge-web{background:#2ecc7133;color:#44d580}.dash-badge-app{background:#9b59b633;color:#c094d1}.dash-badge-design{background:#e74c3c33;color:#f66055}.dash-ticket{background:var(--body-color);border:1px solid var(--scroll-box-color);border-radius:.5rem;padding:1.25rem;margin-bottom:.75rem;cursor:pointer;transition:box-shadow .3s,transform .2s;border-left:4px solid var(--scroll-box-color)}.dash-ticket:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.dash-ticket.new{border-left-color:var(--skin-color)}.dash-ticket.read{border-left-color:#f59f0a}.dash-ticket.replied{border-left-color:#2ecc70}.dash-ticket.closed{border-left-color:var(--scroll-box-color);opacity:.7}.dash-ticket__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.dash-ticket__name{font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--title-color)}.dash-ticket__contact{font-size:var(--smaller-font-size);color:var(--text-color);margin-top:.2rem}.dash-ticket__meta{text-align:right;font-size:var(--smaller-font-size);color:var(--text-color)}.dash-ticket__message{color:var(--text-color);font-size:var(--small-font-size);line-height:1.6;margin-bottom:.75rem;white-space:pre-wrap}.dash-ticket__actions{display:flex;gap:.5rem;flex-wrap:wrap}.dash-empty{text-align:center;padding:3rem 1rem;color:var(--text-color)}.dash-empty i{font-size:3rem;opacity:.3;display:block;margin-bottom:1rem}.dash-empty h3{font-size:var(--h3-font-size);color:var(--title-color);margin-bottom:.5rem}.dash-empty p{font-size:var(--small-font-size)}.dash-login{min-height:100vh;background:var(--body-color);display:flex;align-items:center;justify-content:center;padding:2rem}.dash-login__box{background:var(--box-color);border:1px solid var(--scroll-box-color);border-radius:.5rem;padding:3rem 2.5rem;width:100%;max-width:420px}.dash-login__logo{text-align:center;margin-bottom:2rem}.dash-login__logo a{color:var(--title-color);font-weight:700;font-size:2rem;letter-spacing:4px;padding:10px 15px;position:relative;display:inline-block}.dash-login__logo a:before{content:"";position:absolute;width:16px;height:16px;border-bottom:4px solid var(--skin-color);border-left:4px solid var(--skin-color);bottom:0;left:0}.dash-login__logo a:after{content:"";position:absolute;width:16px;height:16px;border-top:4px solid var(--skin-color);border-right:4px solid var(--skin-color);top:0;right:0}.dash-login__subtitle{text-align:center;color:var(--skin-color);font-size:var(--smaller-font-size);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.dash-login__box h2{text-align:center;font-size:var(--h2-font-size);margin-bottom:1.75rem;color:var(--title-color)}@media screen and (max-width: 900px){.dash-sidebar{left:-260px;transition:left .3s}.dash-sidebar.open{left:0}.dash-main{margin-left:0}.dash-grid-2{grid-template-columns:1fr}.dash-grid-3{grid-template-columns:1fr 1fr}}@media screen and (max-width: 576px){.dash-main{padding:1rem}.dash-grid-3{grid-template-columns:1fr}.dash-stats{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;transition:none}.reveal[data-revealed]{animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-duration:.65s}.reveal-up[data-revealed]{animation-name:fadeInUp}.reveal-left[data-revealed]{animation-name:fadeInLeft}.reveal-right[data-revealed]{animation-name:fadeInRight}.reveal-fade[data-revealed]{animation-name:fadeIn}.reveal-scale[data-revealed]{animation-name:scaleIn}[data-revealed].delay-1{animation-delay:.05s}[data-revealed].delay-2{animation-delay:.15s}[data-revealed].delay-3{animation-delay:.25s}[data-revealed].delay-4{animation-delay:.35s}[data-revealed].delay-5{animation-delay:.45s}[data-revealed].delay-6{animation-delay:.55s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important}.reveal[data-revealed]{animation:none!important}}@media screen and (max-width: 1216px){.about__container{column-gap:2.5rem}.about__description{padding-right:0}.work__container{grid-template-columns:repeat(2,330px);gap:3rem}}@media screen and (max-width: 1199px){.aside{left:-270px}.aside.open{left:0}.aside__nav-toggler{display:flex;left:30px}.aside__nav-toggler.open{left:300px}.main{margin-left:0}}@media screen and (max-width: 1024px){.container{margin-left:var(--mb15);margin-right:var(--mb15)}.about__container{grid-template-columns:1fr;row-gap:2.5rem}.about__img{width:350px}.about__data{text-align:center}.about__info{justify-content:center}.about__box{padding:.75rem .5rem}.about__description{padding:0 4rem;text-align:center}.qualification__container{grid-template-columns:repeat(2,290px)}.skills__container{grid-template-columns:340px 300px}.work__card{padding:1rem}.services__container{grid-template-columns:repeat(3,220px)}.portfolio-popup__inner{width:700px}}@media screen and (max-width: 768px){.about__img{width:250px}.qualification__container{grid-template-columns:290px;row-gap:3rem}.skills__container{grid-template-columns:300px;row-gap:3rem}.work__container{grid-template-columns:330px}.services__container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.services__content{padding:3.5rem .5rem 1.25rem 1.5rem}.contact__container{grid-template-columns:360px;row-gap:3rem}.footer__container{grid-template-columns:repeat(2,1fr);row-gap:3rem}.footer__socials{justify-self:start}.footer__links{flex-direction:column;row-gap:1.5rem}.footer__bg{padding:2rem 0 3rem}.footer__copy{margin-top:var(--mb3)}.portfolio-popup__inner{width:95vw;padding:3.5rem 1.75rem 2.5rem}.portfolio-popup__content{grid-template-columns:1fr;row-gap:2rem}}@media screen and (max-width: 576px){.home{height:initial;padding:7rem 0 2rem}.home__container{row-gap:2rem}.home__img{position:static;transform:none;width:250px;display:block;justify-self:center;max-width:100%}.my-info{display:none}.home__social{left:initial;right:-1rem;flex-direction:column;row-gap:3.5rem}.home__social-follow{font-size:var(--smaller-font-size);transform:rotate(90deg)}.home__social-links{flex-direction:column;row-gap:.25rem}.about__info{grid-template-columns:repeat(3,1fr)}.about__description{padding:0}.services__modal-content{padding:3rem 1.25rem 2rem}.work__container,.contact__container{grid-template-columns:300px}.footer__container{grid-template-columns:1fr}}@media screen and (max-width: 350px){.container{margin-left:var(--mb1);margin-right:var(--mb1)}.home__img{width:200px}.home__title{font-size:var(--h1-font-size)}.about__info{grid-template-columns:repeat(2,1fr);row-gap:.5rem}.work__container,.skills__container,.qualification__container,.contact__container{grid-template-columns:1fr}.services__container{grid-template-columns:max-content}}