@import"https://fonts.googleapis.com/css?family=Lato&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap";.margin-top-1{margin-top:1rem}.margin-top-2{margin-top:2rem}.margin-top-3{margin-top:3rem}.margin-top-4{margin-top:4rem}.margin-top-5{margin-top:5rem}.margin-top-6{margin-top:6rem}.margin-top-7{margin-top:7rem}.margin-top-8{margin-top:8rem}.margin-top-9{margin-top:9rem}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-2{margin-bottom:2rem}.margin-bottom-3{margin-bottom:3rem}.margin-bottom-4{margin-bottom:4rem}.margin-bottom-5{margin-bottom:5rem}.margin-bottom-6{margin-bottom:6rem}.margin-bottom-7{margin-bottom:7rem}.margin-bottom-8{margin-bottom:8rem}.margin-bottom-9{margin-bottom:9rem}.margin-left-1{margin-left:1rem}.margin-left-2{margin-left:2rem}.margin-left-3{margin-left:3rem}.margin-left-4{margin-left:4rem}.margin-left-5{margin-left:5rem}.margin-left-6{margin-left:6rem}.margin-left-7{margin-left:7rem}.margin-left-8{margin-left:8rem}.margin-left-9{margin-left:9rem}.margin-right-1{margin-right:1rem}.margin-right-2{margin-right:2rem}.margin-right-3{margin-right:3rem}.margin-right-4{margin-right:4rem}.margin-right-5{margin-right:5rem}.margin-right-6{margin-right:6rem}.margin-right-7{margin-right:7rem}.margin-right-8{margin-right:8rem}.margin-right-9{margin-right:9rem}@keyframes service_hexagon_1{0%{transform:rotate(90deg)}to{transform:rotate(450deg)}}@keyframes intro{0%{left:0;right:100%}50%{left:0;right:0}to{left:100%;right:0}}@keyframes show{0%,50%{color:transparent}50.00001%,to{color:currentColor}}*,:after,:before{margin:0;padding:0;box-sizing:inherit;scroll-behavior:smooth;color:#fff}html{font-size:62.5%;overflow-x:hidden;max-width:100vw}@media(max-width:112.5em){html{font-size:62.5%}}@media(max-width:75em){html{font-size:56.25%}}@media(max-width:56.25em){html{font-size:50%}}html{font-family:Open Sans,sans-serif}body{box-sizing:border-box;background:#1f2235;max-width:100vw;width:100%}li{list-style:none}a{text-decoration:none!important}.slick-arrow{width:4rem;height:4rem;border-radius:50%;background:#fcc675;color:transparent;border:none;margin-left:24%}@media(max-width:75em){.slick-arrow{margin-left:26%}}@media(max-width:56.25em){.slick-arrow{margin-left:15%}}@media(max-width:37.5em){.slick-arrow{margin-left:31%}}@media(max-width:415px){.slick-arrow{margin-left:27%}}@media(max-width:380px){.slick-arrow{margin-left:31%}}@media(max-width:325px){.slick-arrow{margin-left:35%}}.slick-arrow:focus{outline:none!important}.slick-prev{-webkit-clip-path:polygon(50% 0,75% 50%,100% 100%,50% 50%,0 100%);clip-path:polygon(50% 0,75% 50%,100% 100%,50% 50%,0 100%)}.slick-next{-webkit-clip-path:polygon(50% 50%,100% 0,50% 100%,0 0);clip-path:polygon(50% 50%,100% 0,50% 100%,0 0)}.section-heading-container{margin-bottom:5rem}.smooth-scroll-wrapper{position:relative}h1,h2,h3,h4,h5{font-weight:500!important}h1{font-size:2.5rem}h2{font-size:2.2rem}h3{font-size:1.8rem}@media(max-width:37.5em){h3{font-size:2.5rem}}p{font-size:1.6rem;padding:0;line-height:25px;margin-bottom:0}@media(max-width:37.5em){p{font-size:2rem}}span{font-size:1.4rem;display:block}.section-subheading{text-transform:uppercase;color:#fcc675;margin-bottom:2.5rem}.section-heading{font-size:4rem;margin-bottom:2rem;letter-spacing:2px;padding-bottom:2.5rem;border-bottom:.5px solid #fcc675}@media(max-width:37.5em){.section-heading{font-size:3rem}}.navigation{position:fixed;top:0;left:0;right:0;width:100%;z-index:999;background:linear-gradient(135deg,rgba(31,34,53,.98),rgba(31,34,53,.96) 50%,rgba(31,34,53,.98));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 20px rgba(0,0,0,.1);padding:1.5rem 0;transition:all .3s ease}.navigation:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,193,7,.5) 50%,transparent);opacity:0;transition:opacity .3s ease}.navigation:hover:before{opacity:1}.navigation.scrolled{background:linear-gradient(135deg,rgba(31,34,53,.99),rgba(31,34,53,.97) 50%,rgba(31,34,53,.99));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom-color:rgba(255,193,7,.15);box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 20px rgba(255,193,7,.05)}.navigation.scrolled:before{opacity:1}.navigation .logo-wrapper{width:10%;position:relative}@media(max-width:37.5em){.navigation .logo-wrapper{margin:0 auto}}.navigation .logo{width:8rem;height:8rem;object-fit:cover;border-radius:50%;border:3px solid hsla(0,0%,100%,.1);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.navigation .logo:hover{transform:scale(1.05);border-color:rgba(255,193,7,.3);box-shadow:0 12px 40px rgba(0,0,0,.15),0 0 20px rgba(255,193,7,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.navigation .menu{width:50%;display:flex;margin-left:auto;justify-content:space-around;padding:1rem}@media(max-width:56.25em){.navigation .menu{width:60%;gap:1rem}}@media(max-width:37.5em){.navigation .menu{width:100%;flex-wrap:wrap;gap:.5rem;padding:.5rem}}.navigation .menu-item__link{position:relative;display:block;background:transparent;transition:all .4s cubic-bezier(.4,0,.2,1)}.navigation .menu-item__link:hover{text-decoration:none;transform:translateY(-2px)}.navigation .menu-item__link:hover:after,.navigation .menu-item__link:hover:before,.navigation .menu-item__link:hover>p:after,.navigation .menu-item__link:hover>p:before{width:100%;background:linear-gradient(135deg,#fcc675,#fec576);box-shadow:0 0 20px rgba(255,193,7,.4)}.navigation .menu-item__link:after,.navigation .menu-item__link:before,.navigation .menu-item__link>p:after,.navigation .menu-item__link>p:before{content:"";position:absolute;width:5px;height:5px;background:linear-gradient(135deg,rgba(255,193,7,.6),rgba(255,193,7,.4));transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1;border-radius:2px;box-shadow:0 0 10px rgba(255,193,7,.2)}.navigation .menu-item__link:before{top:-3px;left:-3px}.navigation .menu-item__link:after{top:-3px;right:-3px}.navigation .menu-item__link p{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;padding:.8rem 1rem;font-weight:600;font-size:1.4rem;letter-spacing:.5px;color:hsla(0,0%,100%,.9);z-index:2}@media(max-width:56.25em){.navigation .menu-item__link p{font-size:1.2rem;padding:.6rem .8rem}}@media(max-width:37.5em){.navigation .menu-item__link p{font-size:1rem;padding:.5rem .6rem}}.navigation .menu-item__link p:before{bottom:-3px;left:-3px}.navigation .menu-item__link p:after{bottom:-3px;right:-3px}.navigation .menu-item__link:hover p{color:#fec576;text-shadow:0 0 10px rgba(255,193,7,.3)}.navigationSmall-nav{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:10}.navigationSmall-nav ul{padding:25px;position:absolute;top:100px;width:230px}.navigationSmall-nav li{list-style:none;margin-bottom:20px;cursor:pointer;font-size:5rem}.navigationSmall-nav li a{color:#1f2235}.navigationSmall-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:hsla(0,0%,100%,.4);z-index:9}.navigationSmall-background{position:absolute;top:0;left:0;width:100%;background:#fff;height:100%}.navigationSmall__toggleBtn{outline:none;border:none;cursor:pointer;position:absolute;top:18px;left:15px;width:50px;height:50px;border-radius:50%;background:transparent}.navigationSmall__toggleBtn:focus{outline:none}.grid{display:grid!important}.grid--2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:37.5em){.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.grid--3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.footer{margin-top:7rem;padding:5rem;background:#313552}@media(max-width:37.5em){.footer{padding:3rem}}.footer-logo{width:8rem}.footer-top{grid-gap:3rem 5rem}.footer-link{font-size:14px;font-family:Open Sans,sans-serif;color:#fff}.footer-link-container{grid-column:1/-1}.footer-link:hover{color:#fcc675}.footer-link-heading{font-size:4rem}.footer-link-items{display:flex;justify-content:space-between;margin-bottom:3rem}@media(max-width:37.5em){.footer-link-heading-container{justify-content:flex-start!important}}.footer-copy-right{color:#b8b3a8;font-size:14px;line-height:14px;font-family:Open Sans,sans-serif;text-align:center}@media(max-width:37.5em){.footer-copy-right{text-align:left}}canvas{position:absolute;top:0;left:0;z-index:-1}.banner{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:12rem;background:linear-gradient(135deg,rgba(31,34,53,.95),rgba(31,34,53,.9) 50%,rgba(31,34,53,.95))}.banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,193,7,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,193,7,.02) 0,transparent 50%);pointer-events:none;z-index:-1}@media(max-width:75em){.banner{min-height:80vh}}@media(max-width:56.25em){.banner{margin-bottom:10rem;min-height:90vh}.banner-content{flex-direction:column-reverse}}.banner-text{position:relative;z-index:2}.banner-title{position:relative;transition:all .3s ease}.banner-title--1{color:#fcc675;font-size:4rem;margin-bottom:2rem;font-weight:500;letter-spacing:1px;position:relative}.banner-title--1:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#fcc675,#fec576);border-radius:2px}.banner-title--2{font-size:9rem;margin-bottom:2rem;font-weight:800;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9) 50%,rgba(255,193,7,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-2px;position:relative}@media(max-width:75em){.banner-title--2{font-size:8rem}}@media(max-width:56.25em){.banner-title--2{font-size:7rem}}@media(max-width:37.5em){.banner-title--2{font-size:5rem}}.banner-title--2:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:linear-gradient(135deg,rgba(255,193,7,.1),transparent 50%);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}.banner-title--2:hover:before{opacity:1}.banner-title--3{font-size:2.5rem;color:hsla(0,0%,100%,.8);font-weight:400;letter-spacing:.5px;position:relative}@media(max-width:56.25em){.banner-title--3{font-size:2rem}}@media(max-width:37.5em){.banner-title--3{font-size:1.8rem}}.banner-title--3:before{content:"💻";margin-right:10px;font-size:2rem}.banner-image--1{-webkit-mask-image:url(/images/banner1.svg);mask-image:url(/images/banner1.svg);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;width:100%;height:100%;object-fit:cover;will-change:transform;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.2),0 0 40px rgba(255,193,7,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.banner-image--1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,193,7,.1),transparent 50%);border-radius:20px;opacity:0;transition:opacity .3s ease;pointer-events:none}.banner-image--1:hover:before{opacity:1}.banner-image--1:hover{transform:scale(1.05);box-shadow:0 30px 60px rgba(0,0,0,.25),0 0 50px rgba(255,193,7,.2)}.draw{position:relative;padding:3px 20px;color:transparent}.draw:before{position:absolute;top:0;bottom:0;left:0;right:100%;background-color:#313552;content:""}.draw.-do{animation:show 1.5s forwards}.draw.-do:before{animation:intro 1.5s ease-in-out}.draw.-wave:first-child,.draw.-wave:first-child:before{animation-delay:.75s}.draw.-wave:nth-child(2),.draw.-wave:nth-child(2):before{animation-delay:1s}.draw.-wave:nth-child(3),.draw.-wave:nth-child(3):before{animation-delay:1.25s}.draw.-wave:nth-child(4),.draw.-wave:nth-child(4):before{animation-delay:1.5s}.draw.-wave:nth-child(5),.draw.-wave:nth-child(5):before{animation-delay:1.75s}.draw.-wave:nth-child(6),.draw.-wave:nth-child(6):before{animation-delay:2s}.draw.-wave:nth-child(7),.draw.-wave:nth-child(7):before{animation-delay:2.25s}.draw.-wave:nth-child(8),.draw.-wave:nth-child(8):before{animation-delay:2.5s}.draw[delay="0.1"],.draw[delay="0.1"]:before{animation-delay:.6s}.draw[delay="0.2"],.draw[delay="0.2"]:before{animation-delay:.7s}.draw[delay="0.3"],.draw[delay="0.3"]:before{animation-delay:.8s}.draw[delay="0.4"],.draw[delay="0.4"]:before{animation-delay:.9s}.draw[delay="0.5"],.draw[delay="0.5"]:before{animation-delay:1s}.draw[delay="0.6"],.draw[delay="0.6"]:before{animation-delay:1.1s}.draw[delay="0.7"],.draw[delay="0.7"]:before{animation-delay:1.2s}.draw[delay="0.8"],.draw[delay="0.8"]:before{animation-delay:1.3s}.draw[delay="0.9"],.draw[delay="0.9"]:before{animation-delay:1.4s}.draw[delay="1"],.draw[delay="1"]:before{animation-delay:1.5s}.draw[delay="1.1"],.draw[delay="1.1"]:before{animation-delay:1.6s}.draw[delay="1.2"],.draw[delay="1.2"]:before{animation-delay:1.7s}.draw[delay="1.3"],.draw[delay="1.3"]:before{animation-delay:1.8s}.draw[delay="1.4"],.draw[delay="1.4"]:before{animation-delay:1.9s}.draw[delay="1.5"],.draw[delay="1.5"]:before{animation-delay:2s}.draw[delay="1.6"],.draw[delay="1.6"]:before{animation-delay:2.1s}.draw[delay="1.7"],.draw[delay="1.7"]:before{animation-delay:2.2s}.draw[delay="1.8"],.draw[delay="1.8"]:before{animation-delay:2.3s}.draw[delay="1.9"],.draw[delay="1.9"]:before{animation-delay:2.4s}.draw[delay="2"],.draw[delay="2"]:before{animation-delay:2.5s}.draw[delay="2.1"],.draw[delay="2.1"]:before{animation-delay:2.6s}.draw[delay="2.2"],.draw[delay="2.2"]:before{animation-delay:2.7s}.draw[delay="2.3"],.draw[delay="2.3"]:before{animation-delay:2.8s}.draw[delay="2.4"],.draw[delay="2.4"]:before{animation-delay:2.9s}.draw[delay="2.5"],.draw[delay="2.5"]:before{animation-delay:3s}.draw[delay="2.6"],.draw[delay="2.6"]:before{animation-delay:3.1s}.draw[delay="2.7"],.draw[delay="2.7"]:before{animation-delay:3.2s}.draw[delay="2.8"],.draw[delay="2.8"]:before{animation-delay:3.3s}.draw[delay="2.9"],.draw[delay="2.9"]:before{animation-delay:3.4s}.draw[delay="3"],.draw[delay="3"]:before{animation-delay:3.5s}.introduction{padding-top:8rem;position:relative;background:#1f2235}.introduction .container{background:linear-gradient(135deg,#313552,#2d314c);padding:0;border-radius:20px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.05);overflow:hidden;position:relative}.introduction .container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,193,7,.02),transparent 50%,rgba(255,193,7,.01));pointer-events:none}.introduction__heading{background:linear-gradient(135deg,#2c304d,#23263d);text-align:center;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.introduction__heading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);transition:left .6s ease}.introduction__heading:hover:before{left:100%}.introduction__heading-item{display:inline-block;padding:2rem 4rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border-radius:12px;margin:.5rem;border:2px solid transparent}.introduction__heading-item__title{text-transform:uppercase;font-weight:700;font-size:1.4rem;letter-spacing:1px;position:relative;z-index:2;transition:all .3s ease}.introduction__heading-item:hover{background:rgba(255,193,7,.08);border-color:rgba(255,193,7,.2);transform:translateY(-1px)}.introduction__heading-item:hover__title{color:#fec576;text-shadow:none}.introduction__heading-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fec576,#fcc675);border-radius:10px;opacity:0;transform:scale(.8);transition:all .3s ease;z-index:1}.introduction__heading-item:hover:after{opacity:.05;transform:scale(.95)}.introduction__heading-item.introduction-item-active{background:linear-gradient(135deg,#fec576,#fcc675);border-color:rgba(255,193,7,.3);transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,193,7,.15)}.introduction__heading-item.introduction-item-active__title{color:#000;font-weight:700;text-shadow:none}.introduction__heading-item.introduction-item-active:after{opacity:0}.introduction__heading-item.introduction-item-active:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,193,7,.2)}.introduction__heading-item.introduction-item-active>.introduction__heading-item__title{color:#000}.introduction__content{position:relative;background:linear-gradient(135deg,hsla(0,0%,100%,.02),transparent)}.introduction__image{width:100%;height:100%;position:relative;overflow:hidden;border-radius:16px}.introduction__image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,193,7,.1),transparent 50%);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.introduction__image:hover:before{opacity:1}.introduction__image img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid hsla(0,0%,100%,.1)}.introduction__image:hover img{transform:scale(1.05);box-shadow:0 25px 50px rgba(0,0,0,.2),0 0 30px rgba(255,193,7,.3)}.introduction__title{font-size:4rem;margin-bottom:2rem;letter-spacing:2px;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;line-height:1.2}.introduction__title:after{content:"";position:absolute;bottom:-8px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#fcc675,#fec576);border-radius:2px}.introduction__main{padding:0 4rem}.introduction-item{opacity:0;width:100%;transition:all .5s cubic-bezier(.4,0,.2,1);max-height:0;overflow:hidden;transform:translateY(20px)}.introduction-item.introduction-item--active{padding:6rem;gap:5rem 2rem;opacity:1;max-height:1000em;transform:translateY(0);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:56.25em){.introduction{margin-top:6rem}.introduction__heading-item{padding:1.5rem 3rem;margin:.3rem}.introduction__heading-item__title{font-size:1.2rem}.introduction__title{font-size:3rem}.introduction-item.introduction-item--active{padding:4rem}}@media(max-width:37.5em){.introduction{margin-top:4rem}.introduction__heading-item{padding:1.2rem 2rem;margin:.2rem}.introduction__heading-item__title{font-size:1rem}.introduction__title{font-size:2.5rem;margin-bottom:1.5rem}.introduction-item.introduction-item--active{padding:3rem 2rem}}.skillbar{margin-bottom:2rem}.skillbar-heading{display:flex;justify-content:space-between;margin-bottom:1rem}.skillbar-heading p{font-size:12px;font-family:Open Sans,sans-serif}.skillbar__number{color:#fcc675}.skillbar .progress-bar{background-color:#1f2235;height:8px;border-radius:999px;position:relative}.skillbar .progress-bar__inner{position:absolute;height:100%;content:"";background:#fcc675;top:0;left:0;border-radius:999px}.aboutme .container{background:#313552;padding:0}.aboutme__heading-container{background:#2c304d;text-align:center}.aboutme__heading{background:#fec576;display:inline-block;margin-bottom:0;padding:2.5rem 5rem;color:#000}.aboutme__content{padding:5rem}@media(max-width:37.5em){.aboutme__image-container{padding-left:0}}.aboutme__image{width:100%;height:100%;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.15),0 10px 20px rgba(0,0,0,.1)}.aboutme__image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,193,7,.1),transparent 50%);opacity:0;transition:opacity .4s ease;z-index:2;pointer-events:none}.aboutme__image:hover:before{opacity:1}.aboutme__image img{width:100%;height:100%;object-fit:cover;border-radius:20px;transition:all .5s cubic-bezier(.4,0,.2,1);border:3px solid hsla(0,0%,100%,.1)}.aboutme__image:hover img{transform:scale(1.08);box-shadow:0 30px 60px rgba(0,0,0,.2),0 0 40px rgba(255,193,7,.4)}.aboutme__title{font-size:4rem;margin-bottom:3rem;letter-spacing:2px;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;line-height:1.2}.aboutme__title:after{content:"";position:absolute;bottom:-10px;left:0;width:100px;height:4px;background:linear-gradient(90deg,#fcc675,#fec576);border-radius:2px}.aboutme__description{margin-bottom:3.5rem;font-size:1.6rem;line-height:1.8;color:hsla(0,0%,100%,.9);position:relative}.aboutme__description:before{top:-10px;left:-20px}.aboutme__description:after,.aboutme__description:before{content:'"';font-size:4rem;color:rgba(255,193,7,.3);position:absolute;font-family:serif}.aboutme__description:after{bottom:-30px;right:-10px}@media(max-width:37.5em){.aboutme__description{margin-bottom:5rem;font-size:1.4rem}.aboutme__description:after,.aboutme__description:before{font-size:3rem}}.aboutme__main{padding:0 4rem;position:relative}.aboutme__main:before{content:"";position:absolute;top:-2rem;left:-2rem;right:-2rem;bottom:-2rem;background:linear-gradient(135deg,rgba(255,193,7,.05),transparent 50%);border-radius:20px;opacity:0;transition:opacity .3s ease;pointer-events:none}.aboutme__main:hover:before{opacity:1}@media(max-width:37.5em){.aboutme__main{padding:4rem 0}}.timeline{position:relative;background:#1f2235;padding:8rem 0;margin-top:8rem}.timeline:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.timeline__heading{margin-bottom:5rem;position:relative;z-index:1}.timeline__subtitle{font-family:Open Sans,sans-serif;text-transform:uppercase;color:#fcc675;font-weight:600;letter-spacing:2px;position:relative}.timeline__subtitle:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#fcc675,#fec576);border-radius:2px}.timeline__title{font-size:4rem;margin-bottom:2rem;letter-spacing:2px;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.timeline__title:before{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(135deg,rgba(255,193,7,.3),rgba(255,193,7,.1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:-1;transform:translate(2px,2px)}@media(max-width:56.25em){.timeline-cards{margin-bottom:5rem}}.timeline .slick-list{height:42rem!important;overflow:hidden;margin:2rem 0;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.myProject-v1{margin-top:8rem}.myProject-v1 .container{overflow:hidden}.myProjectv2{font-family:Cinzel Decorative,cursive}.myProjectv2-item{border-top:1px solid #000;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:flex-end;margin-top:-1px;position:relative;opacity:.3;cursor:pointer;padding:5rem 0}.myProjectv2-item:hover{opacity:1}.myProjectv2-item:hover .myProjectv2-item__title{transform:translateX(50px)}.myProjectv2-item__title{font-weight:300;word-wrap:normal;letter-spacing:-.02em;font-size:5rem;text-transform:uppercase;margin:0;position:relative;z-index:2;flex-basis:90%;transition:all .6s cubic-bezier(.19,1,.22,1)}.myProjectv2-item__image{pointer-events:none;position:absolute;z-index:1;width:50rem;height:50rem;display:none;object-fit:cover}.contact{background:#1f2235;padding:8rem 0;margin-top:0}.contact__content{grid-gap:3rem}.blog{padding:8rem 0;background:#1f2235}.blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));grid-gap:3rem;gap:3rem;margin-top:4rem}@media(max-width:56.25em){.blog__grid{grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:2rem}}@media(max-width:37.5em){.blog__grid{grid-template-columns:1fr;gap:2rem}}.blog__empty,.blog__error,.blog__loading{display:flex;justify-content:center;align-items:center;min-height:30rem;font-size:2rem;color:hsla(0,0%,100%,.6)}.blog__error .error-message{color:#ff6b6b}.blog__cta{display:flex;justify-content:center;margin-top:5rem}.blog__read-more-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.5rem 3rem;background:linear-gradient(135deg,#fcc675,#fec576);color:#1f2235;font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px hsla(36,96%,72%,.3);position:relative;overflow:hidden}.blog__read-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.blog__read-more-btn svg{transition:transform .3s ease}.blog__read-more-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px hsla(36,96%,72%,.5);text-decoration:none;color:#1f2235}.blog__read-more-btn:hover:before{left:100%}.blog__read-more-btn:hover svg{transform:translateX(5px)}.blog__read-more-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px hsla(36,96%,72%,.4)}@media(max-width:37.5em){.blog__read-more-btn{padding:1.2rem 2.5rem;font-size:1.4rem}}.serviceCard{display:flex;margin-bottom:3rem;padding:2rem;box-shadow:0 0 5px 0 #fec576,inset 0 0 5px 0 #fec576;border-radius:20px}@media(max-width:37.5em){.serviceCard{flex-direction:column;align-items:center}}.serviceCard__image-wrapper{color:#6a4bc4;border-color:#6a4bc4;position:relative;display:flex;align-items:center;justify-content:center;width:11rem;height:11rem;flex-shrink:0}@media(max-width:37.5em){.serviceCard__image-wrapper{margin-bottom:3rem}}.serviceCard__image-wrapper:before{content:"";position:absolute;z-index:-1;left:0;width:100%;height:100%;box-shadow:0 0 124px 0 #fec576,inset 0 0 275px 0 #fec576;border-radius:50%;opacity:.2}.serviceCard__image{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:50%}.serviceCard__circle-wrapper{position:absolute;width:79%;height:79%;transform:rotate(0deg);animation:service_hexagon_1 2s linear infinite}.serviceCard__circle{height:1rem;width:1rem;border-radius:50%;background-color:#fff}.serviceCard__content{padding:0 5rem 0 3rem}@media(max-width:37.5em){.serviceCard__content{padding:1.5rem 0;text-align:center}}.serviceCard__title{text-transform:uppercase;letter-spacing:1px;color:#fec576}.award-card{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.05)}.award-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);transition:left .6s ease}.award-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 40px rgba(255,193,7,.2),inset 0 1px 0 hsla(0,0%,100%,.1);border-color:rgba(255,193,7,.3)}.award-card:hover:before{left:100%}.award-card__image-container{width:100%;margin-bottom:2.5rem;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15)}.award-card__image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,193,7,.1),transparent 50%);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.award-card__image-container:hover:before{opacity:1}.award-card__image{width:100%;height:20rem;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px}.award-card:hover .award-card__image{transform:scale(1.05)}.award-card__title{margin-bottom:2rem;color:#fff;font-size:1.8rem;font-weight:600;line-height:1.4;transition:all .3s ease;position:relative}.award-card__title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#fcc675,#fec576);transition:width .3s ease}.award-card__title:hover{text-decoration:none!important;color:#fec576;transform:translateX(4px)}.award-card__title:hover:after{width:100%}.awards.introduction-item.introduction-item--active{padding:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:3rem;gap:3rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@media(max-width:56.25em){.awards.introduction-item.introduction-item--active{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;padding:3rem}}@media(max-width:37.5em){.awards.introduction-item.introduction-item--active{grid-template-columns:1fr;gap:2rem;padding:2rem}}.skills.introduction-item.introduction-item--active{padding:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@media(max-width:56.25em){.skills.introduction-item.introduction-item--active{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:3rem}}@media(max-width:37.5em){.skills.introduction-item.introduction-item--active{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:2rem}}.skills .skill-item{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem 2rem;text-align:center;font-size:1.5rem;font-weight:500;color:hsla(0,0%,100%,.9);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.skills .skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,193,7,.1),transparent);transition:left .6s ease}.skills .skill-item:hover{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,193,7,.05));border-color:rgba(255,193,7,.3);color:#fec576;box-shadow:0 12px 32px rgba(0,0,0,.15),0 0 20px rgba(255,193,7,.2)}.skills .skill-item:hover:before{left:100%}@media(max-width:37.5em){.skills .skill-item{font-size:1.3rem;padding:1.2rem 1.5rem}}.empty-message,.error-message,.loading-placeholder{grid-column:1/-1;padding:4rem 2rem;color:hsla(0,0%,100%,.7);background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.1);border-radius:16px;position:relative}.empty-message:before,.error-message:before,.loading-placeholder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,193,7,.3);border-top-color:#fec576;border-radius:50%;animation:spin 1s linear infinite}.empty-message:before,.error-message:before{border:none;animation:none;font-size:2rem}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.timeline-card1{padding:3rem;background:linear-gradient(135deg,#313552,#2b2f48);display:flex;margin-bottom:2rem;border-radius:16px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.05);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.timeline-card1:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);transition:left .6s ease}.timeline-card1:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 40px rgba(255,193,7,.1),inset 0 1px 0 hsla(0,0%,100%,.1);border-color:rgba(255,193,7,.3)}.timeline-card1:hover:before{left:100%}.timeline-card1__image-container{width:7.2rem;height:7.2rem;margin:0 5rem 3rem 0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.15),0 4px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.timeline-card1__image-container:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,193,7,.3),rgba(255,193,7,.1));border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.timeline-card1__image-container:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 12px 32px rgba(0,0,0,.2),0 0 20px rgba(255,193,7,.3)}.timeline-card1__image-container:hover:after{opacity:1}.timeline-card1__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;transition:transform .3s ease}.timeline-card1__title{font-family:Open Sans,sans-serif;font-size:16px;color:hsla(0,0%,100%,.75);padding:0;transition:all .3s ease;line-height:1.5}.timeline-card1__title:hover{color:#fec576;transform:translateX(4px)}.timeline-card1__timeRange{font-size:1.3rem;color:hsla(0,0%,100%,.9);font-weight:500;margin-bottom:.5rem;position:relative}.timeline-card1__timeRange:before{content:"📅";margin-right:8px;font-size:1rem}.timeline-card1__companyName{font-size:2.6rem;font-weight:700;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;padding:0;position:relative;transition:all .3s ease}.timeline-card1__companyName:hover{transform:scale(1.02)}.timeline-card2{display:flex;position:relative}.timeline-card2__info{position:relative;text-align:right;width:27.5%;padding-right:15px;border-right:1px solid #4d5368}.timeline-card2__info:after{width:1rem;height:1rem;background:#fcc675;top:1px;right:0;position:absolute;content:"";border-radius:50%;transform:translateX(50%)}.timeline-card2__session{font-size:1.8rem;color:#fcc675;font-weight:400}.timeline-card2__companyname{color:#fff;font-size:14px;font-weight:400;margin:0 0 1rem}.timeline-card2__content{font-size:1.8rem;margin-bottom:4rem;color:#fcc675;font-weight:400;padding-left:1.5rem;width:70%}.timeline-card2__title{font-size:2rem;font-weight:400;color:#fff}.timeline-card2__description{font-size:14px;line-height:2.6rem;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.project-card{display:inline-block;margin:1rem 1rem 3rem;position:relative;border-radius:10px;width:35rem}.project-card__image-container{width:100%;height:20vh}.project-card__image{width:100%;height:100%;border-radius:10px 10px 0 0;object-fit:cover}@media(max-width:37.5em){.project-card__image{width:100%}}.project-card__infor{background:#313552;padding:1rem;text-align:center;border-radius:0 0 10px 10px}.project-card__name{font-size:2.4rem;color:#fff;text-align:center}.project-card__name:hover{color:#fec576}.swiper-slide-active{transform:translateX(0)!important}.contact-card{padding:3rem;border-radius:5px;border:1px solid #fec576;display:flex;justify-content:space-between;align-items:center;background-color:#313552;position:relative}.contact-card-infor{position:relative;z-index:1}.contact-card:hover{background:rgba(180,104,0,.75)}.contact-card__title{font-size:2.4rem;font-weight:700;color:#fff}.contact-card__title:hover{color:#fff}.contact-card i{font-size:4rem}.contactCard-outline{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:5px solid #fec576;border-radius:10px}.blog-card{background:#313552;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.2)}.blog-card:hover .blog-card__image{transform:scale(1.1)}.blog-card:hover .blog-card__overlay{opacity:.3}.blog-card:hover .blog-card__read-more{color:#fcc675}.blog-card:hover .blog-card__read-more svg{transform:translateX(5px)}.blog-card__image-container{position:relative;width:100%;height:25rem;overflow:hidden;background:#2c304d}@media(max-width:37.5em){.blog-card__image-container{height:20rem}}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7));opacity:.5;transition:opacity .3s ease}.blog-card__content{padding:2.5rem;display:flex;flex-direction:column;flex-grow:1}@media(max-width:37.5em){.blog-card__content{padding:2rem}}.blog-card__meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.3rem;color:hsla(0,0%,100%,.6)}.blog-card__date,.blog-card__read-time{font-weight:500}.blog-card__separator{color:#fcc675}.blog-card__title{font-size:2.4rem;color:#fff;font-weight:700;margin-bottom:1.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:37.5em){.blog-card__title{font-size:2rem}}.blog-card__excerpt{font-size:1.6rem;color:hsla(0,0%,100%,.7);line-height:1.6;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}@media(max-width:37.5em){.blog-card__excerpt{font-size:1.4rem}}.blog-card__tags{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.blog-card__tag{padding:.5rem 1.2rem;background:hsla(36,96%,72%,.15);color:#fcc675;border-radius:20px;font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.blog-card__tag:hover{background:hsla(36,96%,72%,.25)}.blog-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.blog-card__author{font-size:1.4rem;color:hsla(0,0%,100%,.6);font-weight:500}.blog-card__read-more{display:flex;align-items:center;gap:.8rem;background:none;border:none;color:#fff;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:.8rem 1.2rem;border-radius:4px;text-decoration:none}.blog-card__read-more svg{transition:transform .3s ease}.blog-card__read-more:hover{background:hsla(36,96%,72%,.1);text-decoration:none;color:#fff}.certification-card{background:#313552;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 6px rgba(0,0,0,.1)}.certification-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.2)}.certification-card:hover .certification-card__image{transform:scale(1.05)}.certification-card:hover .certification-card__verify{color:#fcc675}.certification-card:hover .certification-card__verify svg{transform:translateX(5px)}.certification-card__image-container{position:relative;width:100%;height:20rem;overflow:hidden;background:#2c304d}@media(max-width:37.5em){.certification-card__image-container{height:16rem}}.certification-card__image{width:100%;height:100%;object-fit:contain;padding:2rem;background:#fff;transition:transform .5s ease}.certification-card__content{padding:1.8rem;display:flex;flex-direction:column;flex-grow:1}@media(max-width:37.5em){.certification-card__content{padding:1.5rem}}.certification-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.2rem}.certification-card__issuer{color:#fcc675;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.certification-card__date{color:hsla(0,0%,100%,.6);font-weight:500}.certification-card__title{font-size:1.8rem;color:#fff;font-weight:700;margin-bottom:1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:37.5em){.certification-card__title{font-size:1.6rem}}.certification-card__credential{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.2rem;padding:.8rem;background:hsla(36,96%,72%,.1);border-radius:6px;border-left:3px solid #fcc675}.certification-card__credential-label{font-size:1.1rem;color:hsla(0,0%,100%,.7);font-weight:500}.certification-card__credential-id{font-size:1.2rem;color:#fcc675;font-weight:600;font-family:Source Code Pro,monospace}.certification-card__skills{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;flex-grow:1}.certification-card__skill{padding:.4rem .8rem;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);border-radius:15px;font-size:1.1rem;font-weight:500;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.certification-card__skill:hover{background:hsla(36,96%,72%,.2);border-color:#fcc675;color:#fcc675}.certification-card__footer{padding-top:1.2rem;border-top:1px solid hsla(0,0%,100%,.1)}.certification-card__verify{display:inline-flex;align-items:center;gap:.6rem;background:none;border:none;color:#fff;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:.6rem 1rem;border-radius:4px;text-decoration:none}.certification-card__verify svg{transition:transform .3s ease}.certification-card__verify:hover{background:hsla(36,96%,72%,.1);text-decoration:none;color:#fcc675}.cursor{border:5px solid #fff;animation:cursorAnim .5s infinite alternate;pointer-events:none;z-index:1000}.cursor,.cursor:after{width:20px;height:20px;border-radius:50%;position:absolute}.cursor:after{content:"";opacity:.5;top:-8px;left:-8px;animation:cursorAnim2 .5s infinite alternate}@keyframes cursorAnim{0%{transform:scale(1)}to{transform:scale(.7)}}@keyframes cursorAnim2{0%{transform:scale(1)}to{transform:scale(.4)}}@keyframes cursorAnim3{0%{transform:scale(1)}50%{transform:scale(3)}to{transform:scale(1);opacity:0}}.expand{animation:cursorAnim3 .5s forwards;border:1px solid red}.scrollbar{position:fixed;top:0;left:0;height:6px;width:100%;z-index:1001;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.05)}.scrollbar-progressBar{background:linear-gradient(90deg,rgba(255,193,7,.8),#ffc107 50%,rgba(255,152,0,.8));height:100%;border-radius:0 3px 3px 0;box-shadow:0 0 20px rgba(255,193,7,.4),inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden}.scrollbar-progressBar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}.scrollbar-progressBar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2));border-radius:0 3px 3px 0}.loading--fullscreen{width:100%;height:100vh;position:fixed;z-index:9999;background:linear-gradient(135deg,rgba(31,34,53,.98),rgba(31,34,53,.95));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading--fullscreen .loading__message{margin-top:2rem;color:hsla(0,0%,100%,.8);font-size:1.6rem;font-weight:500;text-align:center}.loading--inline{width:100%;padding:3rem 2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent);border:2px solid rgba(255,193,7,.2)}.loading--inline .loading__message{margin-top:1.5rem;color:rgba(255,193,7,.8);font-size:1.4rem;font-weight:500;text-align:center}.loading--skeleton{width:100%;padding:2rem;display:flex;align-items:center;justify-content:center}.loading--skeleton .loading__message{margin-left:1rem;color:hsla(0,0%,100%,.6);font-size:1.2rem;font-weight:400}.loading__svg{width:0;height:0}.loading__loader{position:relative;width:120px;height:120px;filter:url(#gooey)}.loading__loader--small{width:80px;height:80px}.loading__loader--large{width:200px;height:200px}.loading__span{position:absolute;top:0;left:0;width:100%;height:100%;display:block;animation:loadingRotate 3s ease-in-out infinite}.loading__span:before{content:"";position:absolute;top:0;left:calc(50% - 20px);width:40px;height:40px;border-radius:50%;box-shadow:0 0 30px rgba(255,193,7,.6);background:linear-gradient(135deg,#fcc675,#fec576);transition:all .3s ease}.loading__span:first-child{animation-delay:.2s}.loading__span:nth-child(2){animation-delay:.4s}.loading__span:nth-child(3){animation-delay:.6s}.loading__span:nth-child(4){animation-delay:.8s}.loading__span:nth-child(5){animation-delay:1s}.loading__span:nth-child(6){animation-delay:1.2s}.loading__span:nth-child(7){animation-delay:1.4s}.loading__dots{display:flex;align-items:center;justify-content:center;gap:8px}.loading__dots--dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#fcc675,#fec576);animation:loadingBounce 1.4s ease-in-out infinite both}.loading__dots--dot:first-child{animation-delay:-.32s}.loading__dots--dot:nth-child(2){animation-delay:-.16s}.loading__dots--dot:nth-child(3){animation-delay:0s}.loading__spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.1);border-left-color:#fcc675;border-radius:50%;animation:loadingSpin 1s linear infinite}.loading__pulse{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fcc675,#fec576);animation:loadingPulse 2s ease-in-out infinite}@keyframes loadingRotate{0%{transform:rotate(0)}50%,to{transform:rotate(1turn)}}@keyframes loadingBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes loadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.5}}@media(max-width:56.25em){.loading__loader{width:100px;height:100px}.loading__loader--small{width:60px;height:60px}.loading__loader--large{width:160px;height:160px}.loading--inline .loading__message{font-size:1.2rem}.loading--fullscreen .loading__message{font-size:1.4rem}}@media(max-width:37.5em){.loading__loader{width:80px;height:80px}.loading__loader--small{width:50px;height:50px}.loading__loader--large{width:120px;height:120px}.loading--inline .loading__message{font-size:1rem}.loading--fullscreen .loading__message{font-size:1.2rem}}.empty-message,.error-message,.loading-placeholder{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;font-size:1.6rem;font-weight:500;border-radius:12px;transition:all .3s ease}.loading-placeholder{color:rgba(255,193,7,.8);background:linear-gradient(135deg,rgba(255,193,7,.1),transparent);border:2px solid rgba(255,193,7,.2);position:relative;overflow:hidden}.loading-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,193,7,.1),transparent);animation:shimmer 1.5s infinite}.loading-placeholder:after{content:"⏳";margin-right:8px;font-size:1.8rem}.error-message{color:#ff6b6b;background:linear-gradient(135deg,hsla(0,100%,71%,.1),transparent);border:2px solid hsla(0,100%,71%,.2)}.error-message:before{content:"⚠️";margin-right:8px;font-size:1.8rem}.empty-message{color:hsla(0,0%,100%,.6);background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent);border:2px solid hsla(0,0%,100%,.1)}.empty-message:before{content:"📭";margin-right:8px;font-size:1.8rem}@keyframes shimmer{0%{left:-100%}to{left:100%}}.data-status{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.data-status button{transition:all .3s ease}.data-status button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.data-status button:active{transform:translateY(0)}.button{padding:1rem 4rem;border:1px solid #fec576;font-size:14px;font-family:Open Sans,sans-serif;color:#fec576}@media(max-width:56.25em){.button{margin-left:0!important}}.button:hover{background:rgba(180,104,0,.75);color:#fff}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f2235;overflow-x:hidden}body,code{font-family:Space Grotesk,sans-serif}h1,h2,p{margin:0}