@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:3rem;--hue:0;--sat:0%;--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:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.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}[data-theme=light]{--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;--border-color:1px solid #0000001a}[data-theme=dark]{--title-color:hsl(var(--hue),var(--sat),80%);--title-color-dark:hsl(var(--hue),var(--sat),100%);--text-color:hsl(var(--hue),var(--sat),54%);--body-color:#01050a;--container-color:#01050a;--border-color:1px solid #ffffff1a}*{transition:all .01s ease-in-out}#loader{animation:spin 1s linear infinite;border:12px solid var(--body-color);border-radius:50%;border-top:12px solid blue;height:70px;width:70px}.center{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}@keyframes spin{to{transform:rotate(1turn)}}@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:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth}body,button,input,textarea{font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:1rem;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:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0 2rem}.section_title{color:var(--title-color);font-size:2.25rem;font-size:var(--h1-font-size)}.section_subtitle{display:block;font-size:.875rem;font-size:var(--small-font-size);margin-bottom:4rem}.section_subtitle,.section_title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.button{background-color:var(--title-color);border-radius:1rem;color:var(--container-color);display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1.25rem 2rem}.button:hover{background-color:var(--title-color-dark)}.button_icon{margin-left:.5rem;margin-left:var(--mb-0-5)}.button-flex{align-items:center;display:inline-flex}@media screen and (max-width:992px){.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button_icon{height:22px;width:22px}}@media screen and (max-width:768px){body{margin:0 0 3rem;margin:0 0 var(--header-height) 0}.section{padding:2rem 0 4rem}.section_subtitle{margin-bottom:3rem;margin-bottom:var(--mb-3)}}@media screen and (max-width:350px){:root{--big-font-size:2.25rem}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}}.header{background-color:var(--body-color);left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.container{margin:auto;max-width:1200px;padding:0 1rem}.nav{align-items:center;column-gap:1rem;display:flex;height:calc(var(--header-height) + 2rem);justify-content:space-between}.nav_logo,.nav_toggle{color:var(--tittle-color);font-weight:var(--font-medium)}.nav_list{align-items:center;column-gap:2rem;display:flex;justify-content:center}.nav_close,.nav_icon,.nav_toggle{display:none}.nav_link{align-items:center;color:var(--tittle-color);display:flex;flex-direction:column;font-size:var(--small-font-size);font-weight:var(--font-medium);justify-content:center;transition:.3s}.active-link,.nav_link:hover{color:var(--title-color-dark)}@media screen and (max-width:768px){.header{bottom:0;padding:1px;top:auto}.nav{height:var(--header-height)}.nav_menu{background-color:var(--body-color);border-radius:1.5rem 1.5rem 0 0;bottom:-100%;box-shadow:0 -1px 4px #00000026;left:0;padding:2rem 1.5rem 4rem;position:fixed;transition:.3s;width:100%}.show_menu{bottom:0}.nav_list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.nav_icon{font-size:1.2rem}.nav_close{bottom:.5rem;color:var(--tittle-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.3rem}.nav_close:hover{color:var(--title-color-dark)}.nav_toggle{cursor:pointer;font-size:1.1rem}.nav_close,.nav_icon,.nav_toggle{display:block}}@media screen and (max-width:350px){.nav_menu{padding:2rem .25rem 4rem}.nav_list{column-gap:0}}.toggler{align-items:center;display:flex;justify-content:center}.toggler p{font-size:var(--small-font-size);font-weight:600}.toggler--slider{align-items:center;background-color:#2b283a;border:var(--border-color);border-radius:2rem;box-sizing:initial;cursor:pointer;display:flex;height:13px;justify-content:flex-start;margin-inline:7px;width:25px}.dark .toggler--slider{background-color:#f5f5f5;border-color:#fff}.toggler--slider--circle{background-color:#fff;border-radius:50%;height:13px;width:13px}.dark .toggler--slider--circle{background-color:#000}.toggler--light{color:#2b283a}.dark .toggler--light{color:#918e9b}.toggler--dark{color:#d5d4d8}.dark .toggler-dark{color:#fff}.dark .toggler--slider{justify-content:flex-end}.home_content{align-items:center;column-gap:2rem;grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem}.home_social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem}.home_social-icon{color:var(--title-color);font-size:1.25rem}.home_social-icon:hover{color:var(--title-color-dark)}.home_title{font-size:var(--big-font-size);margin-bottom:var(--mb-0-25)}.home_subtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-left:5.4rem;position:relative}.home_subtitle:before{background-color:var(--text-color);content:"";height:1px;left:0;position:absolute;top:1rem;width:70px}.home_description{margin-bottom:var(--mb-3);max-width:400px}.home_img{animation:profile_animate 8s ease-in-out infinite;animation:profile_animate 8s ease-in-out infinite,fadeIn .5s ease-in forwards;background:url(/static/media/profile.7dd1195c5b4aa78195a2.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;box-shadow:inset 0 0 0 9px #ffffff4d;height:300px;justify-self:center;opacity:0;order:1;transform:translateZ(0);width:300px;will-change:border-radius}@keyframes profile_animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media screen and (max-width:992px){.home_content{grid-template-columns:100px repeat(2,1fr)}.home_subtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.home_subtitle:before{top:.8rem;width:42px}.home_description{margin-bottom:var(--mb-2-5);max-width:none}.home_img{box-shadow:inset 0 0 0 8px #ffffff4d;height:250px;width:250px}}@media screen and (max-width:768px){.home_content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home_img{justify-self:auto;order:0}.home_data{grid-column:1/3}.home_img{box-shadow:inset 0 0 0 6px #ffffff4d;height:200px;width:200px}}@media screen and (max-width:350px){.home_img{height:180px;width:180px}}.footer{background-color:var(--container-color);border-top:var(--border-color)}.footer_container{padding:2rem 0 6rem}.footer_link,.footer_title{color:var(--title-color)}.footer_title{margin-bottom:var(--mb-2);text-align:center}.footer_link:hover{color:var(--title-color-dark)}.footer_list{column-gap:1.5rem;margin-bottom:var(--mb-2)}.footer_list,.footer_social{display:flex;justify-content:center}.footer_social{column-gap:1.25rem}.footer_social-link{background-color:var(--title-color);border-radius:.5rem;color:var(--container-color);display:inline-flex;font-size:1.125rem;padding:.2rem}.footer_social-link:hover{background-color:var(--title-color-dark);transform:translateY(-.2rem);transition:all .1s}.footer_copy{color:var(--title-color);display:block;font-size:var(--smaller-font-size);margin-top:4.5rem;text-align:center}@media screen and (max-width:992px){.footer_social-link{border-radius:.25rem;font-size:1rem;padding:.25rem}}.contact_container{column-gap:6rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center;padding-bottom:3rem}.contact_title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5);text-align:center}.contact_info{grid-row-gap:1rem;display:grid;grid-template-columns:300px;row-gap:1rem}.contact_card{background-color:var(--container-color);border:var(--border-color);border-radius:.75rem;padding:1rem;text-align:center}.contact_card-icon{color:var(--title-color);font-size:2rem;margin-bottom:var(--b-0-25)}.contact_card-data,.contact_card-title{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{align-items:center;color:var(--text-color);column-gap:.25rem;display:inline-flex;font-size:var(--small-font-size)}.contact_button-icon{font-size:1rem;transition:.3s}.contact_button:hover .contact_button-icon{transform:translate(.25rem)}.contact_form{width:300px}.contact_form-div{height:4rem;margin-bottom:var(--mb-2);position:relative}.contact_form-input{background:none;border:var(--border-color);border-radius:.75rem;color:var(--text-color);height:100%;left:0;outline:none;padding:1.75rem;position:absolute;top:0;width:100%}.contact_form-tag{background-color:var(--body-color);font-size:var(--small-font-size);left:1.25rem;padding:.25rem;position:absolute;top:-.75rem;z-index:10}.contact_form-area{height:11rem}.contact_form-area textarea{resize:none;width:100%}@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%}}.toast{align-items:center;background-color:var(--title-color);border-radius:8px;box-shadow:0 5px 10px #0003;color:var(--container-color);display:flex;gap:12px;opacity:0;padding:12px 18px;pointer-events:none;position:fixed;right:30px;top:30px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:9999}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px}.work_filters{align-items:center;column-gap:.75rem;display:flex;justify-content:center;margin-bottom:var(--mb-2)}.work_item{border-radius:.5rem;color:var(--title-color);cursor:pointer;font-weight:var(--font-medium);padding:.25rem .75rem;text-transform:capitalize;transition:.3s}.work_item:hover{background-color:var(--title-color);color:var(--container-color)}.work_container{gap:3rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center}.work_img{border-radius:1rem;box-shadow:0 2px 8px #0000001a;height:230px;margin-bottom:var(--mb-1);object-fit:contain;opacity:1;transition:opacity .5s ease-in-out;width:250px}.work_img.fade{opacity:0}.work_card{background-color:var(--container-color);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem;transition:transform .3s ease,box-shadow .3s ease}.work_card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.work_title{color:var(--title-color);font-size:var(--normal-font-size);font-weight:bolder;margin-bottom:var(--mb-0-5);text-align:center}.work_button{align-items:center;color:var(--text-color);column-gap:.25rem;display:flex;font-size:var(--small-font-size);justify-content:space-around;position:relative}.work_button-icon{font-size:1rem;transition:.4s}.github-icon{font-size:1.2em}.github-icon:hover,.minor_project:hover .work_button-icon,.work_button:hover .work_button-icon{color:var(--title-color-dark);transform:translateX(.25rem)}.minor_project{color:var(--text-color);font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-top:1.5rem;text-decoration:none}.disabled{color:var(--text-color);cursor:not-allowed;opacity:.5;pointer-events:none}.active-work{background-color:var(--title-color);color:var(--container-color)}@media screen and (max-width:992px){.work_container{gap:1.25rem}.work_card{padding:1rem}.work_img{margin-bottom:.75rem}.work_title{margin-bottom:.25rem}}@media screen and (max-width:768px){.work_container{grid-template-columns:-webkit-max-content;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}}.work_info{margin-top:.5rem;text-align:center;width:100%}.info_tooltip{background-color:var(--title-color);border-radius:.5rem;bottom:100%;color:var(--container-color);font-size:var(--smaller-font-size);left:50%;max-width:200px;opacity:0;padding:.5rem;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:1}.work_info:hover .info_tooltip{opacity:1;visibility:visible}.info-tooltip-container{align-items:center;display:inline-flex;justify-content:center;position:relative}.info-icon{align-items:center;color:var(--text-color);cursor:help;display:flex;font-size:1.2rem;transition:color .3s ease}.info-icon:hover{color:var(--title-color)}.info-tooltip{max-width:300px;min-width:200px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:100}.info-tooltip-content{background-color:var(--title-color);border-radius:.75rem;box-shadow:0 2px 8px #00000026;color:var(--container-color);font-size:var(--smaller-font-size);line-height:1.4;padding:.75rem 1rem;position:relative;text-align:left}.info-tooltip-arrow{border:6px solid #0000;height:0;position:absolute;width:0}.info-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.info-tooltip-top .info-tooltip-arrow{border-top-color:var(--title-color);bottom:-12px;left:50%;transform:translateX(-50%)}.info-tooltip-bottom{left:50%;top:calc(100% + 8px);transform:translateX(-50%)}.info-tooltip-bottom .info-tooltip-arrow{border-bottom-color:var(--title-color);left:50%;top:-12px;transform:translateX(-50%)}.info-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.info-tooltip-left .info-tooltip-arrow{border-left-color:var(--title-color);right:-12px;top:50%;transform:translateY(-50%)}.info-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.info-tooltip-right .info-tooltip-arrow{border-right-color:var(--title-color);left:-12px;top:50%;transform:translateY(-50%)}.info-tooltip-container:hover .info-tooltip{opacity:1;visibility:visible}@media screen and (max-width:768px){.info-tooltip{max-width:250px;min-width:150px}.info-tooltip-content{font-size:var(--tiny-font-size);padding:.5rem .75rem}}.skills_container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));justify-content:center;overflow:hidden;padding:1rem}.skill_content{background-color:var(--container-color);border:var(--border-color);border-radius:1.25rem;overflow:hidden;padding:2rem 4rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.skill-card{cursor:pointer}.skill-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-10px)}.skill-card:before{background:linear-gradient(60deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transform:rotate(30deg);transition:opacity .5s ease;width:200%}.skill-card:hover:before{animation:shimmer 1.5s infinite;opacity:1}@keyframes shimmer{0%{transform:translateX(-100%) rotate(30deg)}to{transform:translateX(100%) rotate(30deg)}}.skill_title{border-bottom:var(--border-color);font-size:var(--normal-font-size);font-weight:var(--font-semi-bold);margin-bottom:var(--mb-1-5);padding-bottom:10px;position:relative;text-align:center}.skill_title:after{background:var(--title-color);bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.skill_content:hover .skill_title:after{width:50%}.skill_box{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.skills-slider-container{margin-bottom:1rem;overflow:hidden;padding:10px 0;width:100%}.skill-icon{flex-shrink:0;height:60px;margin:0 3px;width:60px}.skills-slide{align-items:center;display:flex;gap:0;justify-content:flex-start;min-width:-webkit-max-content;min-width:max-content}.skills-slider{animation:scroll 15s linear infinite;display:flex;gap:0;width:200%}.skill_content:hover .skills-slider{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skill-icons-img{height:auto;max-width:100%}.skill_group{grid-row-gap:1rem;align-items:flex-start;display:grid;row-gap:1rem}.soft-skills{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid}.skill_data{align-items:center;column-gap:.5rem;display:flex;transition:transform .3s ease}.skill_data:hover{transform:translateX(5px)}.skill_badge{align-items:center;color:var(--title-color);display:flex;font-size:1rem;justify-content:center}.skill_badge i{font-size:1.25rem;transition:transform .3s ease}.skill_data:hover .skill_badge i{color:var(--first-color);transform:scale(1.2)}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px;transition:color .3s ease}.skill_data:hover .skills_name{color:var(--first-color)}@media screen and (max-width:992px){.skills_container{row-gap:2rem}.skills_container,.soft-skills{grid-template-columns:1fr}}@media screen and (max-width:576px){.skill_content{padding:1.25rem}.skill_box{flex-direction:column;gap:1rem}}@media screen and (max-width:350px){.skill_box{gap:1.25rem}.skills_name{font-size:var(--small-font-size)}.soft-skills{grid-template-columns:1fr}}.project-container{margin:0 auto;max-width:1200px;opacity:0;padding:2rem;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.project-container.fade-in{opacity:1;transform:translateY(0)}.back-button{align-items:center;background-color:var(--container-color);border-radius:.5rem;color:var(--title-color);display:inline-flex;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.hover-effect:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.project-header{background-color:var(--container-color);border-radius:1rem;box-shadow:0 5px 15px #0000000d;margin-bottom:3rem;overflow:hidden;padding:4rem 2rem;text-align:center}.parallax-header,.project-header{position:relative}.header-background{height:100%;left:0;opacity:.15;position:absolute;top:0;transform:translateZ(-10px);width:100%;z-index:0}.header-background img{filter:blur(.9px);height:100%;object-fit:contain;width:100%}.animated-title{animation:fadeInUp .8s ease;font-size:3rem;margin-bottom:1rem;position:relative;top:3rem;z-index:1}.project-category{animation:fadeInUp .8s ease .2s both;color:var(--title-color-dark);font-size:1.2rem;opacity:.8;position:relative;z-index:1}.project-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:992px){.project-content{grid-template-columns:1fr 1fr}}.project-gallery{background-color:var(--container-color);border-radius:1rem;box-shadow:0 5px 15px #0000000d;cursor:grab;overflow:hidden;position:relative;transition:all .5s ease}.project-gallery.fullscreen{align-items:center;background-color:#000000e6;border-radius:0;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:9999}.project-gallery:active{cursor:grabbing}.main-image,.main-image-container{position:relative}.main-image{height:0;overflow:hidden;padding-bottom:56.25%;width:100%}.featured-image{cursor:pointer;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.featured-image:hover{transform:scale(1.02)}.fullscreen .featured-image{height:auto;max-height:90vh;max-width:90vw;object-fit:contain;width:auto}.image-thumbnails{display:flex;gap:1rem;overflow-x:auto;padding:1rem;scrollbar-width:thin}.thumbnail{border-radius:.5rem;cursor:pointer;flex:0 0 80px;height:60px;opacity:.7;overflow:hidden;transition:all .3s ease}.thumbnail.active{box-shadow:0 3px 10px #0000001a;opacity:1;transform:scale(1.05)}.thumbnail img{height:100%;object-fit:cover;width:100%}.gallery-controls{bottom:20px;gap:1rem;left:0;position:absolute;width:100%;z-index:5}.gallery-controls,.gallery-nav{display:flex;justify-content:center}.gallery-nav{align-items:center;background-color:#ffffff4d;border:none;border-radius:50%;color:var(--title-color);cursor:pointer;height:40px;transition:all .3s ease;width:40px}.gallery-nav:hover:not(:disabled){background-color:var(--title-color);color:var(--container-color)}.gallery-nav:disabled{cursor:not-allowed;opacity:.3}.gallery-indicators{align-items:center;display:flex;gap:.5rem}.indicator{background-color:#ffffff80;border-radius:50%;height:10px;width:10px}.close-fullscreen,.indicator{cursor:pointer;transition:all .3s ease}.close-fullscreen{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px}.close-fullscreen:hover{background:#fff6}.tabs,.tabs-container{margin-bottom:2rem}.tabs{border-bottom:2px solid var(--container-color);display:flex}.tab{background:#0000;border:none;color:var(--title-color);cursor:pointer;font-weight:600;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.tab:after{background-color:var(--title-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.tab.active{color:var(--title-color)}.tab.active:after{width:100%}.tab-content{min-height:300px}.slide-in{animation:slideIn .5s ease both}.bounce-in{animation:bounceIn .5s ease both}.scale-in{animation:scaleIn .5s ease both}.detail-section{margin-bottom:2rem}.detail-section h2{font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.detail-section h2:after{background-color:var(--title-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.project-description{line-height:1.8;margin-bottom:2rem}.highlights-list{list-style-type:none;padding:0}.highlights-list::-webkit-scrollbar{display:none}@media screen and (min-width:768px){.highlights-list{max-height:350px;overflow-y:auto}}.feature-item{margin-bottom:1rem;padding-left:1.5rem;position:relative}.feature-item:before{color:var(--title-color);content:"•";font-size:1.2rem;left:0;position:absolute;top:0}.tech-stack{display:flex;flex-wrap:wrap;gap:.8rem}.tech-tag{background-color:var(--container-color);border-radius:2rem;color:var(--title-color);font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.tech-tag:hover{background-color:var(--title-color);box-shadow:0 3px 10px #0000001a;transform:translateY(-3px)}.stat-item{background-color:var(--container-color);border-radius:.8rem;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.stat-label{color:var(--text-color);display:block;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:var(--title-color);display:block;font-size:1.5rem;font-weight:700}.project-links{display:flex;gap:1rem;margin-top:2rem}.project-link{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.live-link{background-color:var(--title-color)}.github-link,.live-link{color:var(--container-color)}.github-link{background-color:#333}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.project-content{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{flex-basis:calc(50% - 1rem);flex-grow:1;flex-shrink:1;text-align:center}.animated-title{font-size:2rem}}.vs-tabs-container{border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;overflow:hidden}.vs-tabs,.vs-tabs-container{background-color:var(--container-color)}.vs-tabs{-ms-overflow-style:none;border-bottom:1px solid #0000001a;display:flex;overflow-x:auto;position:relative;scrollbar-width:none}.vs-tabs::-webkit-scrollbar{display:none}.vs-tabs .tab{align-items:center;background:#0000;border:none;border-right:1px solid #0000000d;color:var(--title-color);cursor:pointer;display:flex;font-weight:500;gap:.5rem;min-width:auto;padding:.8rem 1.2rem;position:relative;transition:all .3s ease;white-space:nowrap}.vs-tabs .tab .tab-icon{font-size:1rem;opacity:.7;transition:all .3s ease}.vs-tabs .tab.active .tab-icon,.vs-tabs .tab:hover .tab-icon{opacity:1}.vs-tabs .tab:hover{background-color:#00000008}.vs-tabs .tab.active{background-color:var(--container-color);color:var(--title-color)}.tab-indicator{background-color:var(--title-color);bottom:0;height:2px;position:absolute;transition:all .3s cubic-bezier(.645,.045,.355,1)}.tab-panel{background-color:var(--container-color);border-radius:0 0 8px 8px;padding:1.5rem}.tab-content{animation:fadeIn .5s ease forwards;min-height:320px;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feature-item{animation:slideInFromRight .5s ease both}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}.tech-tag{overflow:hidden;position:relative;z-index:1}.tech-tag:before{background-color:var(--title-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.tech-tag:hover{color:var(--container-color)}.tech-tag:hover:before{width:100%}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stat-item{overflow:hidden;position:relative;z-index:1}.stat-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:-1}.stat-item:hover:before{left:100%}@media (max-width:576px){.vs-tabs .tab{padding:.6rem .8rem}.vs-tabs .tab .tab-text{display:none}.vs-tabs .tab .tab-icon{font-size:1.2rem;margin:0}.vs-tabs{justify-content:space-around}.vs-tabs .tab{flex:1 1;justify-content:center}}.fullscreen .close-fullscreen{opacity:0;transition:opacity .3s ease}.fullscreen:hover .close-fullscreen{opacity:1}.image-thumbnails::-webkit-scrollbar{height:4px}.image-thumbnails::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.image-thumbnails::-webkit-scrollbar-thumb{background:var(--title-color);border-radius:10px}.indicator{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease}.indicator.active{background-color:var(--title-color);transform:scale(1.2)}.indicator:hover{background-color:#0003;transform:scale(1.1)}.d-none{display:none!important}.info-text{color:var(--text-color);font-size:.9rem;font-style:italic;line-height:1.6;margin-top:.5rem;text-align:center}
/*# sourceMappingURL=main.4148d39f.css.map*/