@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{--header-height: 3 rem;--hue: 0;--sat: 0%;--title-color: hsl(var(--hue), var(--sat), 20%);--title-color-dark: hsl(var(--hue), var(--sat), 0%);--text-color: hsl(var(--hue), var(--sat), 46%);--body-color: hsl(var(--hue), var(--sat), 98%);--container-color: #fff;--body-font: "Poppins", sans-serif;--big-font-size: 3.5rem;--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;--tiny-font-size: .625rem;--font-normal: 400;--font-medium: 500;--font-semi-bold: 600;--mb-0-25: .25rem;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000}@media screen and (max-width:992px){:root{--big-font-size: 2.75rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color)}h1,h2,h3{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}.section{padding:6rem 0 2rem}.section_title{font-size:var(--h1-font-size);color:var(--title-color)}.section_subtitle{display:block;font-size:var(--small-font-size);margin-bottom:4rem}.section_title,.section_subtitle{text-align:center}.container{max-width:968px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:1.5rem}.button{display:inline-block;background-color:var(--title-color);color:var(--container-color);padding:1.25rem 2rem;border-radius:1rem;font-weight:var(--font-medium)}.button:hover{background-color:var(--title-color-dark)}.button_icon{margin-left:var(--mb-0-5)}.button--flex{display:inline-flex;align-items:center}@media screen and (max-width:992px){.container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button_icon{width:22px;height:22px}}@media screen and (max-width:768px){body{margin:0 0 var(--header-height) 0}.section{padding:2rem 0 4rem}.section_subtitle{margin-bottom:var(--mb-3)}}@media screen and (max-width:350px){:root{--big-font-size: 2.25rem}.container{margin-left:var(--mb-1);margin-right:var(--mb-1)}}.header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color);padding-top:15px;padding-bottom:15px}.nav{height:calc(var(--header-height) + 1.5rem);display:flex;justify-content:space-between;align-items:center;column-gap:1rem}.nav_logo,.nav_toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav_list{display:flex;column-gap:2rem}.nav_link{display:flex;flex-direction:column;align-items:center;font-size:var(--small-font-size);color:var(--title-color);font-weight:var(--font-medium);transition:.3s}.nav_icon,.nav_close,.nav_toggle{display:none}.active-link,.nav_link:hover{color:var(--title-color-dark)}.scroll-header{box-shadow:0 -1px 4px #00000026}@media screen and (max-width:768px){.header{top:initial;bottom:0}.nav{height:var(--header-height)}.nav_menu{position:fixed;bottom:-100%;left:0;width:100%;background-color:var(--body-color);padding:2rem 1.5rem 4rem;box-shadow:0 -1px 4px #00000026;border-radius:1.5rem 1.5rem 0 0;transition:.3s}.show-menu{bottom:0}.nav_list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.nav_icon{font-size:1.2rem}.nav_close{position:absolute;right:1.3rem;bottom:.5rem;font-size:1.5rem;cursor:pointer;color:var(--title-color)}.nav_link:hover{color:var(--title-color-dark);cursor:pointer}.nav_toggle{font-size:1.1rem}.nav_icon,.nav_close,.nav_toggle{display:block}}@media screen and (max-width:350px){.nav_menu{padding:2rem .25rem 4rem}.nav_list{column-gap:0}}.home_container{row-gap:7rem}.home_content{grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem;column-gap:2rem;align-items:center}.home_social{display:grid;grid-template-columns:max-content;row-gap:1rem}.home_social-icon{font-size:1.25rem;color:var(--title-color)}.home_social-icon:hover{color:var(--title-color-dark)}.home_title{font-size:var(--big-font-size);margin-bottom:var(--mb-0-25)}.home_hand{width:38px;height:38px;margin-left:.4rem}.home_subtitle{position:relative;font-size:var(--h3-font-size);padding-left:4rem;font-weight:var(--font-normal);margin-bottom:var(--mb-1)}.home_subtitle:before{content:"";position:absolute;width:55px;height:1px;background-color:var(--text-color);left:0;top:1rem}.home_description{max-width:400px;margin-bottom:var(--mb-3)}.home_img{background:url(/assets/adicolor-iLEd9Yhh.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 0 0 9px #ffffff4d;order:1;justify-self:center;width:300px;height:300px;animation:profile_animate 8s ease-in-out infinite 1s}@keyframes profile_animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home_scroll{margin-left:9.25rem}.wheel{animation:scroll 2s ease infinite}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(3.75rem)}}.home_scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-right:var(--mb-0-25);margin-left:2px}.home_scroll-arrow{font-size:1.25rem;color:var(--title-color)}@media screen and (max-width:992px){.home_content{grid-template-columns:100px repeat(2,1fr);column-gap:1.25rem}.home_hand{width:26px;height:26px}.home_subtitle{padding-left:3.75rem;margin-bottom:var(--mb-1)}.home_subtitle:before{width:42px;top:.8rem}.home_description{max-width:initial;margin-bottom:var(--mb-2-5)}.home_img{width:250px;height:250px;box-shadow:inset 0 0 0 8px #ffffff4d}.home_scroll{margin-left:7.5rem}}@media screen and (max-width:768px){.home_content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home_img{order:initial;justify-self:initial}.home_data{grid-column:1/3}.home_img{box-shadow:inset 0 0 0 6px #ffffff4d;width:200px;height:200px}.home_scroll{display:none}}@media screen and (max-width:350px){.home_img{width:180px;height:180px}.home_hand{width:22px;height:22px}}.about_container{grid-template-columns:repeat(2,1fr);align-items:center;column-gap:4rem}.about_img{width:400px;border-radius:1.5rem;justify-self:center}.about_info{grid-template-columns:repeat(3,140px);gap:.5rem;margin-bottom:var(--mb-2)}.about_box{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;text-align:center;padding:1rem 1.25rem}.about_icon{font-size:1.5rem;color:var(--title-color);margin-bottom:var(--mb-0-5)}.about_title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about_subtitle{font-size:var(--tiny-font-size)}.about_description{padding:0 4rem 0 0;margin-bottom:var(--mb-2-5)}@media screen and (max-width:992px){.about_container{grid-template-columns:1fr;row-gap:2.5rem}.about_img{width:220px}.about_box{padding:.75rem .5rem}.about_data{text-align:center}.about_info{justify-content:center}.about_description{padding:0 5rem;margin-bottom:2rem}}@media screen and (max-width:576px){.about_info{grid-template-columns:repeat(3,1fr)}.about_description{padding:0}}@media screen and (max-width:350px){.about_info{grid-template-columns:repeat(2,1fr)}}.skills_container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;justify-content:center}.skills_content{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);padding:2rem;border-radius:1.25rem;transition:transform .3s ease}.skills_content:hover{transform:translateY(-5px)}.skills_title{font-size:var(--normal-font-size);font-weight:var(--font-semi-bold);text-align:center;margin-bottom:var(--mb-1-5);color:var(--title-color)}.skills_box{display:flex;justify-content:center;gap:2rem}.skills_group{display:flex;flex-direction:column;gap:1rem;flex:1}.skills_data{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:background-color .3s ease}.skills_data:hover{background-color:#0000000d}.skills .bx-badge-check{font-size:1.2rem;color:var(--title-color);flex-shrink:0}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:1.4;margin-bottom:.25rem}.skills_level{font-size:var(--small-font-size);color:var(--text-color-light)}@media screen and (max-width:992px){.skills_container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.skills_content{padding:1.5rem}}@media screen and (max-width:768px){.skills_container{grid-template-columns:1fr}.skills_box{gap:1.5rem}}@media screen and (max-width:576px){.skills_container{grid-template-columns:1fr}.skills_content{padding:1.25rem}.skills_box{flex-direction:column;gap:1rem}.skills_group{gap:.75rem}}@media screen and (max-width:350px){.skills_box{gap:1rem}.skills_name{font-size:var(--small-font-size)}.skills_level{font-size:var(--tiny-font-size)}}.services_container{grid-template-columns:repeat(3,270px);justify-content:center;column-gap:1.8rem}.services_content{position:relative;border:1px solid rgba(0,0,0,.1);background-color:var(--container-color);padding:3rem 0 2rem 2.5rem}.services_icon{display:block;font-size:2rem;color:var(--title-color);margin-bottom:var(--mb-1)}.services_title{font-size:var(--h3-font-size);margin-bottom:var(--mb-1);font-weight:var(--font-medium)}.services_button{color:var(--title-color);font-size:var(--small-font-size);display:inline-flex;align-items:center;column-gap:.25rem;cursor:pointer}.services_button-icon{font-size:1rem;transition:.3s}.services_button:hover .services_button-icon{transform:translate(00.25rem)}.services_modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;padding:0 1rem;opacity:0;visibility:hidden;transition:.3s}.services_modal-content{width:500px;position:relative;background-color:var(--container-color);padding:4.5rem 2.5rem 2.5rem;border-radius:1.5rem}.services_modal-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--title-color);cursor:pointer}.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:var(--mb-1)}.services_modal-description{font-size:var(--small-font-size);padding:0 3.5rem;margin-bottom:var(--mb-2)}.services_modal-services{row-gap:.75rem}.services_modal-service{display:flex;align-items:center;column-gap:.5rem}.services_modal-icon{color:var(--title-color);font-size:1.1rem}.services_modal-info{font-size:var(--small-font-size)}.active-modal{opacity:1;visibility:visible}@media screen and (max-width:992px){.services_container{grid-template-columns:repeat(3,218px)}}@media screen and (max-width:768px){.services_container{grid-template-columns:repeat(2,1fr)}.services_content{padding:3.5rem .5rem 1.25rem 1.5rem}.services_icon{font-size:1.5rem}}@media screen and (max-width:576px){.services_modal-content{padding:4.5rem 1.5rem 2.5rem}.services_modal-description{padding:0}}@media screen and (max-width:350px){.services_container{grid-template-columns:max-content}.services_content{padding-right:6rem}}.qualification_container{max-width:768px}.qualification_tabs{display:flex;justify-content:center;margin-bottom:var(--mb-2)}.qualification_button{font-size:var(--h3-font-size);font-weight:var(--font-medium);color:gray;margin:0 var(--mb-1);cursor:pointer;transition:color .3s ease}.qualification_button:hover{color:var(--title-color-dark)}.qualification_icon{font-size:1.8rem;margin-right:var(--mb-0-25)}.qualification_active{color:var(--title-color-dark)}.qualification_sections{display:grid;grid-template-columns:.5fr;justify-content:center}.qualification_content{display:none}.qualification_content-active{display:block}.qualification_data{display:grid;grid-template-columns:1fr max-content 1fr;column-gap:1.5rem;margin-bottom:0;position:relative}.qualification_content-left,.qualification_content-right{padding:1.5rem 0}.qualification_content-left{text-align:right;padding-right:1.5rem}.qualification_content-right{text-align:left;padding-left:1.5rem}.qualification_timeline{display:flex;flex-direction:column;align-items:center;position:relative}.qualification_title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:.25rem;color:var(--title-color)}.qualification_subtitle{display:inline-block;font-size:var(--small-font-size);margin-bottom:var(--mb-0-5);color:var(--text-color)}.qualification_description{font-size:var(--smaller-font-size);color:var(--text-color-light);margin-bottom:var(--mb-0-5);line-height:1.4}.qualification_calender{font-size:var(--small-font-size);color:var(--text-color-light);display:flex;align-items:center;gap:.25rem}.qualification_rounder{display:inline-block;width:13px;height:13px;background-color:var(--text-color);border-radius:50%;position:relative;z-index:2;flex-shrink:0}.qualification_line{display:block;width:1px;height:calc(100% - 13px);background-color:var(--text-color);position:absolute;top:13px;left:50%;transform:translate(-50%);z-index:1}.qualification_loading,.qualification_error{text-align:center;padding:2rem;font-size:var(--normal-font-size);color:var(--text-color-light)}.qualification_error{color:#e74c3c}.qualification_data{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.qualification_data:nth-child(1){animation-delay:.1s}.qualification_data:nth-child(2){animation-delay:.2s}.qualification_data:nth-child(3){animation-delay:.3s}.qualification_data:nth-child(4){animation-delay:.4s}.qualification_data:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:992px){.qualification_container{margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){.qualification_container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.qualification_data{grid-template-columns:1fr;gap:1rem;text-align:center!important;padding:1rem 0}.qualification_content-left,.qualification_content-right{text-align:center!important;padding:0!important;order:2}.qualification_timeline{order:1;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.qualification_rounder{order:1}.qualification_line{width:calc(100% - 13px);height:1px;position:static;transform:none;order:2;flex:1}.qualification_data:last-child .qualification_line{display:none}}@media screen and (max-width:576px){.qualification_sections{grid-template-columns:initial}.qualification_button{margin:0 var(--mb-0-75);font-size:var(--normal-font-size)}.qualification_icon{font-size:1.5rem}.qualification_content-left,.qualification_content-right{padding:.5rem 0}}@media screen and (max-width:350px){.qualification_data{gap:.5rem}.qualification_button{flex-direction:column;gap:.25rem}.qualification_icon{margin-right:0}.qualification_timeline{gap:.5rem}}.work_filters{display:flex;justify-content:center;align-items:center;column-gap:.75rem;margin-bottom:var(--mb-2)}.work_item{cursor:pointer;color:var(--title-color);padding:.25rem .75rem;font-weight:var(--font-medium);border-radius:.5rem;text-transform:capitalize}.work_item:hover{background-color:var(--title-color);color:var(--container-color)}.work_container{grid-template-columns:repeat(2,max-content);gap:3rem;justify-content:center}.work_card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);padding:1.25rem}.work_img{width:295px;border-radius:1rem;margin-bottom:var(--mb-1)}.work_title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-0-5)}.work_button{color:var(--text-color);font-size:var(--small-font-size);display:flex;align-items:center;column-gap:.25rem}.work_button-icon{font-size:1rem;transition:.4s}.work_button:hover .work_button-icon{transform:translate(.25rem)}.active-work{background-color:var(--title-color);color:var(--container-color)}.view-more-container{display:flex;justify-content:center;margin-top:2rem}.view-more-button{background-color:var(--title-color);color:var(--container-color);padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.view-more-button:hover{background-color:var(--text-color)}@media screen and (max-width:768px){.work_container{gap:1.25rem}.work_card{padding:1rem}.work_img{margin-bottom:.7rem}.work_title{margin-bottom:.25rem}}@media screen and (max-width:768px){.work_container{grid-template-columns:max-content}}@media screen and (max-width:576px){.work_container{grid-template-columns:1fr}.work_img{width:100%}}@media screen and (max-width:350px){.work_item{font-size:var(--small-font-size)}.work_filters{column-gap:.25rem}}.contact_container{grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:6rem;padding-bottom:3rem}.contact_title{text-align:center;font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5)}.contact_info{display:grid;row-gap:1rem;grid-template-columns:300px}.contact_card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);padding:1rem;border-radius:.75rem;text-align:center}.contact_card-icon{font-size:2rem;color:var(--title-color);margin-bottom:var(--mb-0-25)}.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(--mb-0-75)}.contact_button{color:var(--text-color);font-size:var(--small-font-size);display:inline-flex;align-items:center;justify-content:center;column-gap:.25rem}.contact_button-icon{font-size:1rem;transition:.3s}.contact_button:hover .contact_button-icon{transform:translate(.25rem)}.contact_form{width:360px}.contact_form-div{position:relative;margin-bottom:var(--mb-2);height:4rem}.contact_form-input{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(0,0,0,.3);background:none;color:var(--text-color);outline:none;border-radius:.75rem;padding:1.5rem;z-index:1}.contact_form-tag{position:absolute;top:-.75rem;left:1.25rem;font-size:var(--smaller-font-size);padding:.25rem;background-color:var(--body-color);z-index:10}.contact_form-area{height:11rem}.contact_form-area textarea{resize:none}@media screen and (max-width:992px){.contact_container{column-gap:3rem}}@media screen and (max-width:768px){.contact_container{grid-template-columns:1fr;row-gap:3rem}.contact_info{justify-content:center}.contact_form{margin:0 auto}}@media screen and (max-width:576px){.contact_info{grid-template-columns:1fr}.contact_form{width:100%}}.footer{background-color:var(--container-color);border-top:1px solid rgba(0,0,0,.1)}.footer_container{padding:2rem 0 6rem}.footer_title,.footer_link{color:var(--title-color)}.footer_title{text-align:center;margin-bottom:var(--mb-2)}.footer_link:hover{color:var(--title-color-dark)}.footer_list{display:flex;justify-content:center;column-gap:1.5rem;margin-bottom:var(--mb-2)}.footer_social{display:flex;justify-content:center;column-gap:1.25rem}.footer_social-link{background-color:var(--title-color);color:var(--container-color);font-size:1.125rem;padding:.4rem;border-radius:.5rem;display:inline-flex}.footer_social-link:hover{background-color:var(--title-color-dark)}.footer_copy{display:block;margin-top:4.5rem;color:var(--title-color);text-align:center;font-size:var(--smaller-font-size)}@media screen and (max-width:992px){.footer_social-link{padding:.25rem;border-radius:.25rem;font-size:1rem}}.scrollup{position:fixed;right:2.5rem;bottom:-20%;background-color:var(--title-color);opacity:.8;padding:.3rem .5rem;border-radius:.4rem;z-index:var(--z-tooltip);transition:.4s}.scrollup_icon{font-size:1.5rem;color:var(--container-color)}.scrollup:hover{background-color:var(--title-color-dark)}.show-scroll{bottom:3rem}@media screen and (max-width:992px){.scrollup{right:1.5rem;padding:.25rem .4rem}.scrollup_icon{font-size:1.25rem}}@media screen and (max-width:768px){.show-scroll{bottom:4rem}}@media screen and (max-width:350px){.scrollup{right:1rem}}.whatsapp-image-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.viewer-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#1f1f1f;position:relative}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#2d2d2d;border-bottom:1px solid #444;flex-shrink:0}.image-info{flex:1}.image-name{font-size:16px;font-weight:500;color:#fff;margin-bottom:4px}.image-details{font-size:14px;color:#aaa}.top-actions{display:flex;align-items:center;gap:12px}.download-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;transition:all .2s}.download-btn:hover{background:#fff3;border-color:#ffffff4d}.close-btn{background:none;border:none;color:#fff;padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-btn:hover{background-color:#ffffff1a}.main-image-container{flex:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:20px}.main-image-wrapper{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;cursor:grab}.main-image{transition:transform .1s ease-out,object-fit .3s ease;-webkit-user-select:none;user-select:none;border-radius:4px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.nav-arrow:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}.zoom-controls{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#000000b3;border-radius:24px;padding:8px;gap:8px;z-index:10}.zoom-btn{background:none;border:none;color:#fff;padding:8px 12px;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;min-width:40px;transition:background-color .2s}.zoom-btn:hover:not(:disabled){background-color:#fff3}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.size-controls{display:flex;background:#ffffff1a;border-radius:16px;padding:2px;margin-left:8px}.size-btn{background:none;border:none;color:#fff;padding:6px 12px;border-radius:14px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;min-width:60px}.size-btn:hover{background:#ffffff1a}.size-btn.active{background:#25d366;color:#fff}.thumbnail-strip{position:absolute;bottom:0;left:0;right:0;background:#000c;padding:16px 20px;border-top:1px solid #444}.thumbnail-container{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.thumbnail-container::-webkit-scrollbar{height:4px}.thumbnail-container::-webkit-scrollbar-track{background:transparent}.thumbnail-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.thumbnail-item{position:relative;flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.thumbnail-item:hover{border-color:#ffffff4d}.thumbnail-item.active{border-color:#25d366;transform:scale(1.05)}.thumbnail-image{width:100%;height:100%;object-fit:cover}.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.active-indicator{width:6px;height:6px;border-radius:50%;background:#25d366;box-shadow:0 0 4px #25d366cc}.image-counter{position:absolute;top:20px;right:20px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;z-index:10}.size-indicator{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.top-bar{padding:12px 16px}.download-btn span{display:none}.download-btn{padding:8px}.nav-arrow{width:40px;height:40px}.nav-arrow-left{left:10px}.nav-arrow-right{right:10px}.thumbnail-item{width:50px;height:50px}.zoom-controls{bottom:80px;flex-wrap:wrap;justify-content:center;max-width:90%}.size-controls{margin-left:0;margin-top:8px;width:100%;justify-content:center}.image-counter{top:10px;right:10px;font-size:12px;padding:4px 8px}.size-indicator{top:10px;left:10px;font-size:12px;padding:4px 8px}}@media(hover:none)and (pointer:coarse){.nav-arrow{width:44px;height:44px}.zoom-controls{bottom:120px}}