.swiper{height:fit-content}.swiper-button-prev{position:absolute!important;top:45%!important;left:2px!important}.swiper-button-next{position:absolute!important;top:47%!important;right:2px!important}.swiper-button-next,.swiper-button-prev{color:#fff;background-color:#0f6dbf;transition:all .1s ease-in-out;box-shadow:-1px 1px 3px #111;border-radius:50%!important;padding:30px!important}.swiper-button-next svg,.swiper-button-prev svg{position:absolute;width:20px!important;height:20px!important}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:#1873c2;transform:scale(1.05)}.swiper-button-next:active,.swiper-button-prev:active{background-color:#3f8ed3;transform:scale(1.05)}.swiper .swiper-pagination-bullet-active{background-color:#0f6dbf!important}.swiper-pagination-bullet{background-color:#111!important}.swiper-pagination-bullet:is(.dark *){background-color:#fff!important}.swiper-pagination-horizontal{position:relative!important}.autoplay-progress{z-index:10;width:48px;height:48px;color:var(--swiper-theme-color);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;bottom:16%;right:6%}.autoplay-progress svg{--progress:0;z-index:10;stroke-width:4px;width:100%;height:100%;stroke:var(--swiper-theme-color);fill:none;stroke-dashoffset:calc(125.6px * (1 - var(--progress)));stroke-dasharray:125.6;position:absolute;top:0;left:0;transform:rotate(-90deg)}@media (max-width:1024px){.swiper-button-next,.swiper-button-prev{border-radius:50%!important;margin:0!important;padding:0 22px!important}.swiper-button-next svg,.swiper-button-prev svg{width:10px!important;height:10px!important}}@media (max-width:768px){.swiper-button-next,.swiper-button-prev{top:50%!important}.autoplay-progress{width:32px;height:32px;bottom:12%;right:10%}}
.geometric-background{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{opacity:.2;transform-origin:50%;position:absolute}.square{background:#f72585;width:40px;height:40px;animation:20s linear infinite rotate}.circle{background:#4cc9f0;border-radius:50%;width:40px;height:40px;animation:15s infinite alternate pulse-animation}.triangle{border-bottom:50px solid #7209b7;border-left:25px solid #0000;border-right:25px solid #0000;width:0;height:0;animation:12s ease-in-out infinite shape-float}.rectangle{background:#4361ee;width:80px;height:30px;animation:18s linear infinite slide}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-animation{0%{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}to{opacity:.1;transform:scale(1)}}@keyframes shape-float{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(-20px)translate(20px)rotate(180deg)}to{transform:translateY(0)translate(0)rotate(360deg)}}@keyframes slide{0%{transform:translate(-100px)rotate(0)}50%{transform:translate(100px)rotate(180deg)}to{transform:translate(-100px)rotate(360deg)}}.particles{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{opacity:.5;background-color:#fff;width:2px;height:2px;animation:8s linear infinite sparkle;position:absolute}@keyframes sparkle{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.gradient-overlay{z-index:5;pointer-events:none;width:100%;height:100%;animation:10s infinite alternate pulse-animation-overlay;position:absolute;top:0;left:0}@keyframes pulse-animation-overlay{0%{opacity:.8}to{opacity:1}}@media (max-width:640px){.square,.circle,.rectangle,.triangle{width:25px;height:25px}}
.chat-body{scrollbar-width:thin;scrollbar-color:#0f6dbf transparent}.chat-body,.chat-body *{font-family:var(--font-inter), sans-serif}.user-message{flex-direction:column;align-items:flex-end;display:flex}.chat-body .bot-message .thinking-indicator .dot{opacity:.7;animation:1.8s ease-in-out infinite dotPulse}.chat-body .bot-message .thinking-indicator .dot:first-child{animation-delay:.2s}.chat-body .bot-message .thinking-indicator .dot:nth-child(2){animation-delay:.3s}.chat-body .bot-message .thinking-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,44%{transform:translateY(0)}28%{opacity:.4;transform:translateY(-4px)}44%{opacity:.2}}.chat-form .file-upload-wrapper :where(img,button),#file-cancel{position:absolute}.uploaded-img,.chat-form .file-upload-wrapper :where(img,#file-cancel),.file-uploaded #file-upload{display:none}.file-uploaded .uploaded-img,.chat-form .file-upload-wrapper.file-uploaded:hover #file-cancel{display:block}em-emoji-picker{visibility:hidden;width:100%;max-width:350px;max-height:330px;position:absolute;top:-337px;left:50%;transform:translate(-50%)}body.show-emoji-picker em-emoji-picker{visibility:visible}.chatbot-popup{transform-origin:100% 100%;transform:scale(.2)}body.show-chatbot .chatbot-popup{opacity:1;pointer-events:auto;transform:scale(1)}body.show-chatbot .chatbot-toggler{transform:rotate(90deg)}
.preloader{z-index:55;background-color:#0a1338;justify-content:center;align-items:center;width:100vw;height:100%;display:flex;position:fixed}.pl{width:6em;height:6em}.pl__ring{animation:2s linear infinite ringA}.pl__ring--a{stroke:#f42f25}.pl__ring--b{stroke:#f49725;animation-name:ringB}.pl__ring--c{stroke:#255ff4;animation-name:ringC}.pl__ring--d{stroke:#f42582;animation-name:ringD}@keyframes ringA{0%,4%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-330px}12%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-335px}32%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-595px}40%,54%{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-660px}62%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-665px}82%{stroke-dasharray:60 600;stroke-width:30px;stroke-dashoffset:-925px}90%,to{stroke-dasharray:0 660;stroke-width:20px;stroke-dashoffset:-990px}}@keyframes ringB{0%,12%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-110px}20%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-115px}40%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-195px}48%,62%{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-220px}70%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-225px}90%{stroke-dasharray:20 200;stroke-width:30px;stroke-dashoffset:-305px}98%,to{stroke-dasharray:0 220;stroke-width:20px;stroke-dashoffset:-330px}}@keyframes ringC{0%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0}8%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5px}28%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175px}36%,58%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220px}66%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225px}86%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395px}94%,to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440px}}@keyframes ringD{0%,8%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:0}16%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-5px}36%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-175px}44%,50%{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-220px}58%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-225px}78%{stroke-dasharray:40 400;stroke-width:30px;stroke-dashoffset:-395px}86%,to{stroke-dasharray:0 440;stroke-width:20px;stroke-dashoffset:-440px}}
.bar{transition:all .3s cubic-bezier(.25,.8,.25,1)}.bar span{float:left;background:linear-gradient(135deg,#ec008c 0%,#fc6767 100%)}.bar span[style*=--level]{width:var(--level);animation:3s skill-fill}@keyframes skill-fill{0%{width:0}to{width:var(--level)}}
.tab-box .tab-btn.active{color:#fff;background:linear-gradient(135deg,#0f6dbf,#3b82f6);box-shadow:0 10px 25px -5px #3b82f666}.tab-box .tab-btn.active:is(.dark *){color:#fff;background:linear-gradient(135deg,#0f6dbf,#3b82f6)}.content-box .content{animation:.5s moving;display:none}@keyframes moving{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.content-box .content.active{display:flex}
@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f680}50%{box-shadow:0 0 40px #3b82f6cc}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.gradient-animate{background-size:200% 200%;animation:3s infinite gradient-shift}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.project-card:hover .project-image{transform:scale(1.05)rotateY(5deg)}.project-card:hover .overlay-gradient{opacity:1}@keyframes project-card-in{0%{opacity:0;filter:blur(4px);transform:translateY(24px)scale(.97)}to{opacity:1;filter:none;transform:none}}.project-card-in{animation:.55s cubic-bezier(.22,1,.36,1) backwards project-card-in}@media (prefers-reduced-motion:reduce){.project-card-in{animation:none}}.tech-tag{transition:all .3s}.tech-tag:hover{transform:translateY(-1px)}
.content-box{scrollbar-width:thin;scrollbar-color:#0f6dbf99 transparent}#wrapper-canvas canvas{max-width:100%}.container{visibility:hidden}.open-popup{visibility:visible}.theme-toggle{transition:all .3s}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle svg{transition:all .3s}.totop-btn{opacity:0;pointer-events:none}.totop-btn.is-visible{opacity:1;pointer-events:all}.coursor-dot,.coursor-outline{transform:translate(-50%,-50%)}.marquee-line{width:100%;display:flex;overflow:hidden}.marquee-content{animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.marquee-left-to-right .marquee-content{animation:25s linear infinite marqueeLeftToRight}.marquee-right-to-left .marquee-content{animation:25s linear infinite marqueeRightToLeft}@keyframes marqueeLeftToRight{0%{transform:translate(-50%)}to{transform:translate(0%)}}@keyframes marqueeRightToLeft{0%{transform:translate(0%)}to{transform:translate(-50%)}}.thanks-star{animation:2s ease-in-out infinite starPulse}@keyframes starPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.marquee-line:hover .marquee-content{animation-play-state:paused}.menu-nav-toggler.show-button{display:flex}.menu-nav-toggler.menu-open{transform:rotate(180deg)}.menu-nav-popup{transform-origin:0 100%;transform:scale(.2)}.menu-nav-popup.show-menu{opacity:1;pointer-events:auto;transform:scale(1)}.menu-nav-item{position:relative;overflow:hidden}.menu-nav-item:before{content:"";background:#0f6dbf;width:3px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.menu-nav-item:hover:before{transform:scaleY(1)}.menu-nav-item.active{background:#0f6dbf1a}.menu-nav-item.active:before{transform:scaleY(1)}