@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";.new_footer_area{background:#0a0a0a;position:relative;overflow:hidden}.new_footer_top{padding:0;position:relative;overflow-x:hidden;height:280px}.footer_bg{position:absolute;bottom:0;left:0;width:100%;height:266px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png) no-repeat scroll center bottom;background-size:cover}.footer_bg_one{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif) no-repeat center center;width:330px;height:105px;background-size:100%;position:absolute;bottom:0;left:30%;animation:driveAnimation 22s linear infinite;z-index:10}.footer_bg_two{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif) no-repeat center center;width:88px;height:100px;background-size:100%;bottom:0;left:38%;position:absolute;animation:driveAnimation 30s linear infinite;z-index:11}@keyframes driveAnimation{0%{left:-25%}to{left:100%}}.footer_bottom{background:#000;padding:20px 0 30px;position:relative;z-index:1}.footer_bottom .container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.copyright-text{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#888;margin:0;letter-spacing:1px}@media(max-width:991px){.new_footer_top{height:220px}.footer_bg{height:200px}.footer_bg_one{width:250px;height:80px}.footer_bg_two{width:70px;height:80px}}@media(max-width:768px){.new_footer_top{height:180px}.footer_bg{height:160px}.footer_bg_one{width:180px;height:58px}.footer_bg_two{width:50px;height:57px}.copyright-text{font-size:12px}}@media(max-width:480px){.new_footer_top{height:140px}.footer_bg{height:120px}.footer_bg_one{width:130px;height:42px}.footer_bg_two{width:35px;height:40px}.copyright-text{font-size:11px;letter-spacing:.5px}}@media(prefers-color-scheme:light){.new_footer_area{background:#f8f9fa!important}.footer_bottom{background:#f8f9fa!important;border-top:1px solid rgba(0,0,0,.05)}.copyright-text{color:#4b5563!important}}body.light-mode .new_footer_area{background:#f8f9fa!important}body.light-mode .footer_bottom{background:#f8f9fa!important;border-top:1px solid rgba(0,0,0,.05)}body.light-mode .copyright-text{color:#4b5563!important}.header{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f5;font-family:Inter,sans-serif;z-index:1000;transition:transform .3s ease-in-out;transform:translateY(-100%)}.header.visible{transform:translateY(0)}.floating-theme-toggle{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#f5f5f5;font-size:1.2rem;cursor:pointer;z-index:1001;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.floating-theme-toggle:hover{background:#fff3;transform:translateY(-3px) rotate(15deg);color:#ffd43b}body.light-mode .floating-theme-toggle{background:#ffffffe6!important;border-color:#0003!important;color:#333!important;box-shadow:0 4px 15px #0000001a}.header.visible~.floating-theme-toggle,.header.visible+* .floating-theme-toggle{opacity:0;pointer-events:none}.logo{display:flex;align-items:baseline;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:translateY(-3px)}.logo-p{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.logo-text{font-size:1rem;font-weight:500;color:#f5f5f5;letter-spacing:.5px}.nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#f5f5f5;text-decoration:none;font-size:1rem;padding:.5rem .2rem;transition:color .3s ease,transform .3s ease}.nav-link:hover{color:#ff6b6b;transform:translateY(-3px)}.hamburger{display:none}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#f5f5f5;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background:#fff3;transform:translateY(-3px) rotate(15deg);color:#ffd43b}.resume-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#ff6b6b,#845ef7);color:#fff;padding:.6rem 1.2rem;border-radius:25px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;border:none;white-space:nowrap}.resume-btn:hover{transform:translateY(-3px);box-shadow:0 5px 20px #845ef766}@media(max-width:992px){.header{padding:.8rem 1.5rem}.logo-p{font-size:2rem}.logo-text{font-size:.85rem}.nav{gap:1rem}.nav-link{font-size:.9rem}.resume-btn{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:768px){.header{padding:.8rem 1rem;flex-wrap:nowrap;gap:.5rem;justify-content:space-between}.logo{margin-top:5px}.logo-text{display:block;font-size:.8rem}.logo-p{font-size:1.8rem;margin-right:5px;flex-shrink:0}.nav{display:none}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002}.hamburger .bar{width:100%;height:2px;background-color:#f5f5f5;border-radius:10px;transition:all .3s ease}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body.light-mode .hamburger .bar{background-color:#333}.header-actions{gap:.8rem;flex-shrink:0}.theme-toggle{width:35px;height:35px;font-size:1rem}.resume-btn.desktop-only{display:none}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0afa;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:2000;display:flex;flex-direction:column;padding:6rem 10% 2rem;transform:translate(100%);transition:transform .5s cubic-bezier(.77,0,.175,1);overflow-y:auto}.mobile-menu-overlay.open{transform:translate(0)}.close-menu{position:fixed;top:2rem;right:2rem;width:40px;height:40px;background:#ffffff0d;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2001}.close-menu:hover{background:#ffffff1a;transform:rotate(90deg)}.close-line{position:absolute;width:20px;height:2px;background-color:#f5f5f5}.close-line:nth-child(1){transform:rotate(45deg)}.close-line:nth-child(2){transform:rotate(-45deg)}.mobile-menu-content{display:flex;flex-direction:column;gap:2rem;min-height:min-content}.menu-category{font-size:.75rem;letter-spacing:4px;color:#845ef7;font-weight:700}.mobile-nav{display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{font-size:2.2rem;font-weight:800;color:#845ef7!important;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;text-transform:uppercase;position:relative;padding-left:30px;margin-left:-5px}@media(hover:hover){.mobile-nav-link:hover{color:#f5f5f5!important}body.light-mode .mobile-nav-link:hover{color:#1a1a1a!important}}.mobile-nav-link.active{color:#f5f5f5!important}.mobile-nav-link.active:before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#845ef7;border-radius:50%;box-shadow:0 0 10px #845ef7}body.light-mode .mobile-nav-link.active:before{background-color:#1a1a1a!important;box-shadow:0 0 10px #0003!important}.mobile-menu-actions{margin-top:1rem;padding-bottom:2rem}.mobile-cv-btn{display:flex;align-items:center;gap:.8rem;background:linear-gradient(90deg,#ff6b6b,#845ef7);color:#fff;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-size:1rem;font-weight:700;transition:all .3s ease;width:fit-content;box-shadow:0 5px 15px #845ef74d}.mobile-cv-btn:active{transform:scale(.95)}body.light-mode .mobile-menu-overlay{background:#f5f5f5fa}body.light-mode .close-menu{background:#0000000d}body.light-mode .close-line{background-color:#333}body.light-mode .mobile-nav-link{color:#845ef7!important}body.light-mode .mobile-nav-link.active{color:#1a1a1a!important}.theme-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;clip-path:circle(0px at 50% 50%);-webkit-clip-path:circle(0px at 50% 50%);will-change:clip-path;transition:none}body.light-mode{background-color:#f5f5f5!important}body.light-mode .header{background:#fffffff2!important;border-bottom:1px solid rgba(0,0,0,.1)!important;color:#1a1a1a!important}body.light-mode .logo-text{color:#1a1a1a!important}body.light-mode .nav-link{color:#333!important}body.light-mode .nav-link:hover{color:#845ef7!important}body.light-mode .theme-toggle{background:#0000001a!important;border-color:#0003!important;color:#333!important}body.light-mode .home{background:linear-gradient(135deg,#667eea,#764ba2)!important}body.light-mode .home .particles-bg canvas{opacity:.3}body.light-mode .greeting,body.light-mode .tagline{color:#ffffffe6}body.light-mode .name{background:linear-gradient(90deg,#fff,#ffd43b);-webkit-background-clip:text;background-clip:text}body.light-mode .social-icon{background:#fff3;border-color:#ffffff4d}body.light-mode .social-icon:hover{background:#fff6}body.light-mode .about-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)!important;color:#1a1a1a!important}body.light-mode .about-cont{background:#fffc;border-color:#0000001a}body.light-mode .about-bio{color:#555}body.light-mode .section-title{color:#1a1a1a!important}body.light-mode .timeline-content{background:#ffffffe6;border-color:#0000001a}body.light-mode .timeline-title{color:#1a1a1a}body.light-mode .timeline-desc{color:#666}body.light-mode .ticker-wrapper{background:#ffffffe6}body.light-mode .tech-stack-title{color:#1a1a1a!important}body.light-mode .tech-stack-desc{color:#666}body.light-mode .projects-section{background:linear-gradient(135deg,#a8edea,#fed6e3)!important;color:#1a1a1a!important}body.light-mode .projects-section .particles-bg canvas{opacity:.2}body.light-mode .head h2{color:#1a1a1a}body.light-mode .project-card{box-shadow:0 10px 40px #0003}body.light-mode .nav-btn{background:#0000001a;color:#1a1a1a}body.light-mode .contact-section{background:linear-gradient(135deg,#f5f7fa,#e4e8ec)!important}body.light-mode .section-header{background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}body.light-mode .map-container iframe{filter:none}body.light-mode .contact-form,body.light-mode .direct-contact-container{background:#ffffffe6;border-color:#0000001a}body.light-mode .form-control{background-color:#0000000d;border-color:#0000001a;color:#1a1a1a}body.light-mode .form-control::placeholder{color:#999}body.light-mode .list-item,body.light-mode .contact-text,body.light-mode .contact-text a{color:#555}body.light-mode .contact-icon-fa{color:#845ef7}body.light-mode .social-media-list li{background:#0000001a}body.light-mode .social-media-list li a{color:#333}body.light-mode .copyright-text,body.light-mode .copyright{color:#666}body.light-mode .new_footer_area{background:linear-gradient(to bottom,#e4e8ec,#c3cfe2)}body.light-mode .footer_bg,body.light-mode .footer_bg_one,body.light-mode .footer_bg_two{filter:none;opacity:1}.home{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.home-grid{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;width:100%;padding:2rem;align-items:center}.home-left{color:#f5f5f5}.greeting{font-size:1.25rem;color:#888;margin-bottom:.5rem;letter-spacing:.05em}.name{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#ff6b6b,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;min-height:4rem}.cursor{animation:blink 1s step-end infinite;-webkit-text-fill-color:#ff6b6b}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tagline{font-size:1.1rem;color:#aaa;margin-top:1rem}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.social-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#ffffff1a;color:#f5f5f5;font-size:1.5rem;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;z-index:20}.social-icon:hover{transform:translateY(-5px);background:#fff3;color:#ff6b6b;box-shadow:0 5px 15px #ff6b6b4d;border-color:#ff6b6b}.home-right{display:flex;justify-content:center;align-items:center}.flip-card-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.click-hint{color:#888;font-size:.9rem;letter-spacing:1px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.flip-card{background-color:transparent;width:300px;height:300px;perspective:1000px;cursor:pointer;animation:float 3s ease-in-out infinite;position:relative;z-index:20}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;display:flex;justify-content:center;align-items:center}.flip-card-front{background-color:transparent}.flip-card-back{background-color:transparent;transform:rotateY(180deg)}.profile-img{width:300px;height:300px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.1);filter:drop-shadow(0 10px 30px rgba(132,94,247,.5));transition:all .3s ease}.flip-card:hover .profile-img{filter:drop-shadow(0 15px 40px rgba(255,107,107,.6));border-color:#ff6b6b80}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.mobile-text{display:none}@media(max-width:768px){.home-grid{grid-template-columns:1fr;text-align:left;padding-top:5rem;padding-bottom:3rem;gap:2rem}.home-left{padding:0 1rem}.greeting{font-size:1rem;color:#ffffffb3;margin-bottom:.5rem;text-align:center}.name{font-size:2rem;font-weight:700;margin-bottom:1rem;min-height:3rem;background:linear-gradient(90deg,#ff6b6b,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;text-align:center}.role-title{font-size:2.2rem;font-weight:800;line-height:1.2;color:#fff;margin-top:1rem;margin-bottom:1.5rem}.experience-desc{font-size:1rem;line-height:1.6;color:#fffc;margin-bottom:1.5rem}.experience-desc strong{color:var(--accent);font-weight:700}.tagline{font-size:1rem;color:#fff9;font-style:italic}.social-links{justify-content:flex-start;margin-top:2rem;gap:1.2rem}.home-right{display:flex;justify-content:center;order:-1;margin-bottom:1rem}.flip-card-container{transform:scale(.85)}.flip-card{width:220px;height:220px;cursor:pointer}}.cv-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;color:#fff;padding:.8rem 1.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;margin-bottom:1.5rem;box-shadow:0 4px 15px #0003}.cv-btn:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 6px 20px #845ef766;border-color:#845ef7;color:#fff}.role-title{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-top:.5rem;margin-bottom:.5rem}.experience-desc{font-size:1rem;color:#94a3b8;margin-bottom:1.5rem;max-width:600px;line-height:1.4}@media(prefers-color-scheme:light){.home{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important}.particles-bg{display:none!important}.home-left,.greeting,.role-title,.experience-desc,.tagline,.click-hint{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.social-icon{background:#fff3!important;color:#fff!important;border-color:#ffffff4d!important}.social-icon:hover{background:#fff!important;color:#845ef7!important}.cv-btn{background:#fff3!important;color:#fff!important;border-color:#ffffff4d!important}.cv-btn:hover{background:#fff!important;color:#845ef7!important}.name{background:#fff!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 5px 15px rgba(0,0,0,.1)}}body.light-mode .home{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important}body.light-mode .particles-bg{display:none!important}body.light-mode .home-left,body.light-mode .greeting,body.light-mode .role-title,body.light-mode .experience-desc,body.light-mode .tagline,body.light-mode .click-hint{color:#1a1a1a!important;text-shadow:none}body.light-mode .social-icon{background:#fff3!important;color:#fff!important;border-color:#ffffff4d!important}body.light-mode .social-icon:hover{background:#fff!important;color:#845ef7!important}body.light-mode .cv-btn{background:#fff3!important;color:#fff!important;border-color:#ffffff4d!important}body.light-mode .cv-btn:hover{background:#fff!important;color:#845ef7!important}body.light-mode .name{background:#fff!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 5px 15px rgba(0,0,0,.1)}.about-section{background-color:#000;color:#f5f5f5;padding:4rem 2rem;min-height:100vh;overflow:hidden;position:relative}.about-author{padding:60px 0 20px;margin-bottom:4rem}.about-cont{position:relative;z-index:2;display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start;max-width:1200px;margin:auto;padding:60px 40px;background:#ffffff0d;border-radius:20px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-left{display:flex;justify-content:center;align-items:flex-start;position:sticky;top:20px}.about-right{max-height:600px;overflow-y:auto;padding-right:20px}.about-right::-webkit-scrollbar{width:6px}.about-right::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.about-right::-webkit-scrollbar-thumb{background:#845ef780;border-radius:10px;transition:background .3s}.about-right::-webkit-scrollbar-thumb:hover{background:#845ef7cc}.about-profile-img{width:280px;height:280px;border-radius:20px;object-fit:cover;border:4px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;transition:transform .3s ease}.about-profile-img:hover{transform:scale(1.05)}.about-bio{text-align:left;font-size:1.1rem;line-height:1.8;color:#e5e7eb;margin-bottom:2rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#f5f5f5;font-weight:700;opacity:.9}.timeline{position:relative;max-width:1000px;margin:0 auto;padding:2rem 0}.timeline ul{padding:0;margin:0;list-style:none;position:relative}.timeline ul:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;background:#ffffff1a;transform:translate(-50%)}.timeline li{position:relative;margin-bottom:3rem;width:100%;display:flex;justify-content:center}.timeline li:after{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:#845ef7;border:4px solid #000000;z-index:2;box-shadow:0 0 10px #845ef780}.timeline-content{position:relative;width:45%;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 25px #845ef733;border-color:#845ef74d}.timeline li:nth-child(odd){justify-content:flex-start}.timeline li:nth-child(2n){justify-content:flex-end}.timeline li:nth-child(odd) .timeline-content{margin-right:auto;text-align:right}.timeline li:nth-child(2n) .timeline-content{margin-left:auto;text-align:left}.timeline li:nth-child(odd) .timeline-content:before{content:"";position:absolute;top:5px;right:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(255,255,255,.05)}.timeline li:nth-child(2n) .timeline-content:before{content:"";position:absolute;top:5px;left:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(255,255,255,.05)}.timeline-date{display:block;font-size:1.2rem;font-weight:700;color:#ff6b6b;margin-bottom:.5rem}.timeline-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.timeline-desc{font-size:.95rem;color:#aaa;line-height:1.6}@media(max-width:768px){.timeline ul:before{left:20px}.timeline li{justify-content:flex-start;padding-left:50px}.timeline li:after{left:20px}.timeline-content{width:100%;text-align:left!important}.timeline li:nth-child(odd) .timeline-content:before,.timeline li:nth-child(2n) .timeline-content:before{left:-10px;right:auto;border-left:none;border-right:10px solid rgba(255,255,255,.05)}.section-title{font-size:2rem;margin-bottom:2rem}.tech-stack-title{font-size:2rem}.tech-stack-desc{font-size:1rem;padding:0 1rem}.about-cont{grid-template-columns:1fr;padding:40px 20px;gap:2rem;max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(132,94,247,.5) rgba(255,255,255,.05)}.about-cont::-webkit-scrollbar{width:6px}.about-cont::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.about-cont::-webkit-scrollbar-thumb{background:#845ef780;border-radius:10px}.about-left{position:static;width:100%;justify-content:center}.about-profile-img{width:150px;height:150px;border-radius:50%}.about-right{max-height:none;overflow-y:visible;padding-right:0}.about-bio{text-align:center}.ticker{gap:40px}.logo{height:40px}.logo-name{font-size:.75rem}}.tech-stack-section{margin-top:5rem;text-align:center}.tech-stack-title{font-size:2.8rem;margin-bottom:16px;color:#f5f5f5;font-weight:700;opacity:.9}.tech-stack-desc{color:#f5f5f5;font-size:1.1rem;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto;opacity:.9}.ticker-wrapper{overflow:hidden;padding:40px 0 50px;background:#111;border-radius:20px;box-shadow:0 10px 30px #0009;max-width:1200px;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:30px}.ticker{display:flex;gap:80px;white-space:nowrap;width:max-content}.ticker:hover{animation-play-state:paused}.ticker-left{animation:scroll-left 35s linear infinite}.ticker-right{animation:scroll-right 35s linear infinite}.tech-item,.logo-item{display:flex;flex-direction:column;align-items:center;gap:15px;cursor:none;transition:transform .3s ease;padding:10px;border-radius:12px}.tech-item:hover,.logo-item:hover{transform:translateY(-5px)}.tech-name,.logo-name{color:#f5f5f5;font-size:.85rem;font-weight:500;opacity:1;letter-spacing:.5px;text-align:center;white-space:nowrap}.logo{height:60px;filter:grayscale(100%) brightness(.8);transition:all .4s ease}.tech-item:hover .logo,.logo-item:hover .logo{filter:grayscale(0%) brightness(1);transform:scale(1.15)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.robot-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto 40px;position:relative;width:200px;height:220px}.robot-head{width:120px;height:90px;background:#e0e0e0;border-radius:25px;border:4px solid #333;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset -5px -5px 10px #0000001a}.robot-ears:before,.robot-ears:after{content:"";position:absolute;top:50%;width:15px;height:30px;background:#333;border-radius:5px;transform:translateY(-50%);z-index:1}.robot-ears:before{left:-12px}.robot-ears:after{right:-12px}.robot-eyes{display:flex;gap:15px;margin-top:10px}.robot-eye{width:28px;height:28px;background:#333;border-radius:50%;position:relative;overflow:hidden;border:2px solid #fff}.robot-pupil{width:10px;height:10px;background:#00d2ff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #00d2ff}.robot-nose{width:0;height:0}.robot-mouth{width:30px;height:15px;border:4px solid #333;border-top:0;border-radius:0 0 20px 20px;margin-top:10px}.robot-body{position:relative;display:flex;flex-direction:column;align-items:center}.robot-neck{width:40px;height:15px;background:#666;border:2px solid #333;position:relative;z-index:1;margin-top:-5px}.robot-torso{width:100px;height:80px;background:linear-gradient(135deg,#e0e0e0,#dcdcdc);border:4px solid #333;border-radius:20px 20px 35px 35px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.robot-logo{width:30px;height:30px;background:#ff6b6b;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #ff6b6b80}.robot-arm{width:25px;height:60px;background:#e0e0e0;border:3px solid #333;border-radius:15px;position:absolute;top:15px;z-index:1;transform-origin:top center}.robot-arm.left{left:-20px;transform:rotate(10deg)}.robot-arm.right{right:-20px}.robot-arm.waving{animation:wave 2s infinite ease-in-out}@keyframes wave{0%{transform:rotate(-10deg)}50%{transform:rotate(-140deg)}to{transform:rotate(-10deg)}}.robot-shadow{width:120px;height:15px;background:#0000004d;border-radius:50%;margin-top:10px;filter:blur(5px)}.about-bio-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-bio.intro{font-weight:600;margin-bottom:.5rem;color:#fff}.service-list{display:flex;flex-direction:column;align-items:center;gap:15px;padding:0;margin:1rem 0;list-style:none;width:100%}.service-item{background:#fff;padding:.8rem 1.2rem;border-radius:12px;font-size:1rem;color:#1f2937;font-weight:600;border:1px solid #e5e7eb;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;cursor:none;width:100%;max-width:400px;text-align:center;box-shadow:0 4px 12px #00000026}.service-item:hover{transform:translateY(-3px);background:#ede9fe;border-color:#a78bfa;color:#1f2937;box-shadow:0 8px 20px #845ef740}.about-bio.description{max-width:90%;margin-top:0}.about-bio.highlight{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#845ef7,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:1rem;letter-spacing:.5px}.about-accordion{width:100%;max-width:800px;margin:1.5rem auto;display:flex;flex-direction:column;gap:1rem}.accordion-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.accordion-item.active{background:#ffffff0d;border-color:#845ef766;box-shadow:0 4px 20px #0003}.accordion-header{width:100%;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;text-align:left;transition:background .3s ease}.accordion-header:hover{background:#ffffff05}.accordion-title{font-size:1.15rem;font-weight:700;background:linear-gradient(90deg,#845ef7,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.accordion-icon{font-size:1.5rem;color:#845ef7;transition:transform .3s ease}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out,visibility .3s ease-out;overflow:hidden;visibility:hidden}.accordion-item.active .accordion-content{grid-template-rows:1fr;visibility:visible}.accordion-inner{padding:0 1.5rem 1.5rem;color:#b0b3b8;line-height:1.6;font-size:1rem;min-height:0}.accordion-inner p{margin:0;color:inherit;line-height:inherit;font-size:inherit;padding:0}@media(max-width:768px){.about-accordion{max-width:100%;margin:1rem 0}.accordion-header{padding:1rem}.accordion-title{font-size:1rem}.accordion-inner p{padding:0 1rem 1rem;font-size:.95rem}}@media(max-width:768px){.service-item{width:100%;max-width:300px;text-align:center}.about-bio.highlight{font-size:1.1rem}}@media(prefers-color-scheme:light){.about-section{background-color:#fff!important;color:#1f2937!important}.about-cont{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 10px 40px #0000001a!important}.about-right::-webkit-scrollbar-track{background:#0000000d}.about-profile-img{border-color:#fff!important;box-shadow:0 5px 20px #00000026!important}.about-bio,.about-bio.description{color:#4b5563!important}.about-bio.intro{color:#111827!important}.section-title,.tech-stack-title{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.tech-stack-desc{color:#4b5563!important}.service-item{background:#fff!important;color:#111827!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 10px #0000000d!important;font-weight:500}.service-item:hover{background:#845ef71a!important;border-color:#845ef74d!important;color:#000!important}.timeline ul:before{background:#0000001a!important}.timeline-content{background:#f8f9fa!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 5px 15px #0000000d!important}.timeline-title{color:#111827!important}.timeline-desc{color:#4b5563!important}.timeline li:nth-child(odd) .timeline-content:before{border-left-color:#f8f9fa!important}.timeline li:nth-child(2n) .timeline-content:before{border-right-color:#f8f9fa!important}.tech-name,.logo-name{color:#1f2937!important;opacity:1!important}.ticker-wrapper{background:#f8f9fa!important;box-shadow:0 10px 30px #0000001a!important;border:1px solid rgba(0,0,0,.05)!important}.logo{filter:none!important}.tech-item:hover .logo,.logo-item:hover .logo{filter:none!important;transform:scale(1.15)}.accordion-item{background:#00000008!important;border-color:#0000001a!important}.accordion-item.active{background:#0000000d!important;border-color:#845ef766!important}.accordion-inner p{color:#4b5563!important}.accordion-header{color:#1f2937!important}}body.light-mode .about-section{background-color:#fff!important;color:#1f2937!important}body.light-mode .about-cont{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 10px 40px #0000001a!important}body.light-mode .about-profile-img{border-color:#fff!important;box-shadow:0 5px 20px #00000026!important}body.light-mode .about-bio,body.light-mode .about-bio.description{color:#4b5563!important}body.light-mode .about-bio.intro{color:#111827!important}body.light-mode .section-title,body.light-mode .tech-stack-title{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}body.light-mode .tech-stack-desc{color:#4b5563!important}body.light-mode .service-item{background:#fff!important;color:#111827!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 10px #0000000d!important;font-weight:500}body.light-mode .service-item:hover{background:#845ef71a!important;border-color:#845ef74d!important;color:#000!important}body.light-mode .timeline ul:before{background:#0000001a!important}body.light-mode .timeline-content{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 5px 15px #0000000d!important}body.light-mode .timeline-title{color:#111827!important}body.light-mode .timeline-desc{color:#4b5563!important}body.light-mode .timeline li:nth-child(odd) .timeline-content:before{border-left-color:#fff!important}body.light-mode .timeline li:nth-child(2n) .timeline-content:before{border-right-color:#fff!important}body.light-mode .tech-name,body.light-mode .logo-name{color:#1f2937!important;opacity:1!important}body.light-mode .ticker-wrapper{background:#fff!important;box-shadow:0 10px 30px #0000001a!important;border:1px solid rgba(0,0,0,.05)!important}body.light-mode .logo{filter:none!important}body.light-mode .tech-item:hover .logo,body.light-mode .logo-item:hover .logo{filter:none!important;transform:scale(1.15)}body.light-mode .accordion-item{background:#00000008!important;border-color:#0000001a!important}body.light-mode .accordion-item.active{background:#0000000d!important;border-color:#845ef766!important}body.light-mode .accordion-inner p{color:#4b5563!important}body.light-mode .accordion-header{color:#1f2937!important}.service-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9998;display:flex;justify-content:center;align-items:center;padding:0;animation:fadeIn .3s ease}.service-modal-content{background:#000;width:95%;max-width:900px;height:90vh;max-height:95vh;overflow-y:auto;overflow-x:hidden;border-radius:24px;padding:50px 40px;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #000c;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.service-modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:none;line-height:1;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.service-modal-close:hover{background:#ffffff1a;border-color:#fff;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #ffffff4d}.service-modal-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.service-modal-icon{font-size:3rem}.service-modal-title{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.service-modal-body{color:#ccc;font-size:1.05rem;line-height:1.8}.service-modal-body p{margin-bottom:1.5rem}.service-modal-body strong{color:#fff;font-weight:600}.modal-accordion{display:flex;flex-direction:column;gap:15px;margin-top:10px}.modal-accordion-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .3s ease}.modal-accordion-item.active{background:#ffffff0d;border-color:#845ef74d;box-shadow:0 5px 15px #0003}.modal-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:transparent;border:none;color:#fff;font-size:1.1rem;font-weight:600;cursor:none;text-align:left;transition:all .3s ease}.modal-accordion-header:hover{background:#ffffff05}.modal-accordion-title{flex:1}.modal-accordion-icon{font-size:1.2rem;color:#845ef7;margin-left:15px}.modal-accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.modal-accordion-item.active .modal-accordion-content{max-height:500px}.modal-accordion-inner{padding:0 22px 20px;color:#aaa;font-size:1rem;line-height:1.7;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(132,94,247,.4) rgba(255,255,255,.05)}.modal-accordion-inner::-webkit-scrollbar{width:6px}.modal-accordion-inner::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-accordion-inner::-webkit-scrollbar-thumb{background:#845ef766;border-radius:10px}.service-modal-footer{margin-top:40px;display:flex;justify-content:center}.service-cta-btn{background:linear-gradient(90deg,#845ef7,#ff6b6b);color:#fff;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 20px #845ef766}.service-cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #845ef799}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.service-modal-content::-webkit-scrollbar{width:8px}.service-modal-content::-webkit-scrollbar-track{background:#ffffff0d}.service-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.service-modal-content::-webkit-scrollbar-thumb:hover{background:#fff6}body.light-mode .service-modal-content{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 20px 60px #00000026}body.light-mode .service-modal-close{color:#333}body.light-mode .service-modal-close:hover{color:#ff6b6b}body.light-mode .service-modal-title{background:linear-gradient(90deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.light-mode .service-modal-body{color:#4b5563}body.light-mode .service-modal-header{border-bottom:1px solid rgba(0,0,0,.1)}body.light-mode .service-modal-body strong{color:#111827}body.light-mode .service-modal-content::-webkit-scrollbar-track{background:#0000000d}body.light-mode .service-modal-content::-webkit-scrollbar-thumb{background:#0003}body.light-mode .modal-accordion-item{background:#00000005;border-color:#00000014}body.light-mode .modal-accordion-item.active{background:#0000000a;border-color:#845ef733}body.light-mode .modal-accordion-header{color:#111827}body.light-mode .modal-accordion-inner{color:#4b5563}@media screen and (max-width:768px){.service-modal-content{width:100%;height:100%;max-height:100%;border-radius:0;padding:60px 20px 30px;border:none}.service-modal-header{flex-direction:column;align-items:flex-start;gap:15px;border-bottom-width:2px}.service-modal-icon{font-size:2.5rem}.service-modal-title{font-size:1.6rem;line-height:1.3}.service-modal-close{top:15px;right:15px;width:35px;height:35px;font-size:1.2rem}.modal-accordion-header{padding:15px 18px}.modal-accordion-title{font-size:1rem}.modal-accordion-inner{padding:0 18px 15px;max-height:none}}.projects-grid-section{--gap: 1.25rem;--speed: .55s cubic-bezier(.25, .46, .45, .94);--closed: 5rem;--open: 30rem;--accent: #ff6b35;background:#000;color:#c5c7ce;font-family:Inter,sans-serif;padding:4rem 0;min-height:100vh;position:relative;overflow:hidden}.head{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:10}@media(min-width:768px){.head{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:6rem 2rem 3rem}}.section-title{font-family:Inter,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem;letter-spacing:-.02em}.section-subtitle{color:#94a3b8;font-size:1.125rem;max-width:40ch;line-height:1.6;font-weight:400}.controls{display:flex;gap:.75rem}.nav-btn{width:3.5rem;height:3.5rem;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#ffffff08;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px #ff6b354d}.nav-btn:active:not(:disabled){transform:translateY(0)}.nav-btn:disabled{opacity:.3;cursor:not-allowed;background:transparent;border-color:#ffffff0d}.slider{max-width:1200px;margin:auto;overflow:hidden;padding-bottom:2rem}.controls{display:flex;flex-direction:row;gap:.5rem;position:relative;z-index:10}.track{display:flex;gap:var(--gap);align-items:flex-start;justify-content:center;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:40px;width:max-content;margin:0 auto}.track::-webkit-scrollbar{display:none}.project-card{position:relative;flex:0 0 var(--closed);height:26rem;border-radius:1rem;overflow:hidden;cursor:pointer;transition:flex-basis var(--speed),transform var(--speed)}.project-card[data-active=true]{flex-basis:var(--open);transform:translateY(-6px);box-shadow:0 18px 55px #00000073}.project-card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(75%);transition:filter .3s,transform var(--speed)}.project-card:hover .project-card__bg{filter:brightness(.9) saturate(100%);transform:scale(1.06)}.project-card[data-active=true] .project-card__bg{filter:brightness(.4) saturate(85%)}.project-card__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:0;background:#0006;z-index:2;transition:background .4s ease}.project-card__title{color:#fff;font-weight:700;font-size:1.35rem;writing-mode:vertical-rl;transform:rotate(180deg);margin:0}.project-card__thumb,.project-card__desc,.project-card__btn{display:none}.project-card[data-active=true] .project-card__content{flex-direction:row;align-items:center;padding:1.2rem 2rem;gap:1.1rem}.project-card[data-active=true] .project-card__title{writing-mode:horizontal-tb;transform:none;font-size:2.4rem;color:#fff!important;text-shadow:0 4px 15px rgba(0,0,0,.6)}.project-card[data-active=true] .project-card__thumb,.project-card[data-active=true] .project-card__desc,.project-card[data-active=true] .project-card__btn{display:block}.project-card__thumb{width:133px;height:269px;border-radius:.45rem;object-fit:cover;box-shadow:0 4px 10px #0006}.project-card__desc{color:#fff!important;font-size:1rem;line-height:1.5;max-width:18rem;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.6)}.project-card__btn{padding:.55rem 1.3rem;border:none;border-radius:9999px;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:1rem}.project-card__btn:hover{background:#ff824f}.dots{display:flex;gap:.5rem;justify-content:center;padding:20px 0}.dot{width:13px;height:13px;border-radius:50%;background:#ffffff59;cursor:pointer;transition:.3s}.dot.active{background:var(--accent);transform:scale(1.2)}@media(max-width:767px){.projects-grid-section{--closed: 100%;--open: 100%;--gap: .8rem}.head{padding:30px 15px 20px;flex-direction:column;align-items:flex-start;gap:1rem}.slider{padding:0 15px}.track{flex-direction:column;scroll-snap-type:y mandatory;gap:.8rem;padding-bottom:20px;width:100%}.project-card{height:auto;min-height:60px;flex:0 0 auto;width:100%;scroll-snap-align:start;transition:all .4s cubic-bezier(.165,.84,.44,1)}.project-card[data-active=true]{min-height:400px;transform:none;box-shadow:0 12px 40px #0006}.project-card__content{flex-direction:row;justify-content:flex-start;padding:.8rem 1.2rem;align-items:center;gap:1rem;background:linear-gradient(to right,#000000e6,#0006)}.project-card__title{writing-mode:horizontal-tb;transform:none;font-size:1.1rem;margin-right:auto;color:#fff}.project-card__thumb,.project-card__desc,.project-card__btn{display:none}.project-card[data-active=true] .project-card__content{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;background:#0006;-webkit-backdrop-filter:none;backdrop-filter:none}.project-card[data-active=true] .project-card__bg{filter:brightness(.4) saturate(80%)}.project-card[data-active=true] .project-card__content>div{display:flex;flex-direction:column;align-items:center;width:100%}.project-card[data-active=true] .project-card__title{font-size:1.8rem;font-weight:800;margin-bottom:.8rem;margin-top:0;width:100%;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.project-card[data-active=true] .project-card__thumb{width:70%;max-width:180px;height:auto;aspect-ratio:4/3;border-radius:12px;margin-bottom:1.5rem;display:block;box-shadow:0 10px 30px #00000080}.project-card[data-active=true] .project-card__desc{font-size:1rem;max-width:100%;margin-bottom:1.5rem;display:block;line-height:1.6;color:#fff;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.5)}.project-card[data-active=true] .project-card__btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:fit-content;min-width:140px;margin:1rem auto 0;padding:.8rem 2rem;font-size:.95rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ff6b6b,#ff824f);border-radius:50px;color:#fff;box-shadow:0 10px 25px #ff6b6b4d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.2)}.project-card[data-active=true] .project-card__btn:hover{transform:scale(1.05);box-shadow:0 15px 35px #ff6b6b80;background:linear-gradient(135deg,#ff824f,#ff6b6b)}.dots{display:none}.controls{width:100%;justify-content:space-between;padding:0}.nav-btn{position:static;transform:none}}@media(prefers-color-scheme:light){.projects-grid-section{background:#f8f9fa!important;color:#1f2937!important}.section-title{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.section-subtitle{color:#4b5563!important}.nav-btn{border-color:#0000001a!important;background:#fffc!important;color:#1f2937!important;box-shadow:0 4px 12px #0000000d!important}.nav-btn:hover:not(:disabled){background:var(--accent)!important;color:#fff!important}.project-card__content{background:linear-gradient(transparent 40%,#ffffffe6)!important}.project-card__title{color:#fff!important}.project-card__desc{color:#4b5563!important}}body.light-mode .projects-grid-section{background:#f8f9fa!important;color:#1f2937!important}body.light-mode .section-title{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}body.light-mode .section-subtitle{color:#4b5563!important}body.light-mode .nav-btn{border-color:#0000001a!important;background:#fffc!important;color:#1f2937!important;box-shadow:0 4px 12px #0000000d!important}body.light-mode .nav-btn:hover:not(:disabled){background:var(--accent)!important;color:#fff!important}body.light-mode .project-card__content{background:#00000073!important}@media(max-width:767px){body.light-mode .project-card[data-active=true] .project-card__content{background:#00000080!important}}body.light-mode .project-card__title,body .project-card[data-active=true] .project-card__title,body .project-card[data-active=true] .project-card__desc{color:#fff!important}body.light-mode .project-card__desc{color:#4b5563}body.light-mode .particles-bg{opacity:.3!important;filter:invert(1)!important}.particles-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.33,1,.68,1);padding:1rem}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.15);border-radius:24px;max-width:800px;width:100%;position:relative;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d;transform:scale(.95) translateY(20px);transition:transform .4s cubic-bezier(.33,1,.68,1);max-height:85vh;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal-overlay.open .modal-content{transform:scale(1) translateY(0)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0003}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:99px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close:hover{background:#ff4757;border-color:#ff4757;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #ff475766}.modal-inner{padding:0}.modal-header{position:relative;padding:3.5rem 3.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(to bottom,rgba(255,255,255,.02) 0%,transparent 100%)}.modal-category{display:inline-block;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;padding:.4rem .8rem;border:1px solid rgba(var(--accent),.3);background:rgba(var(--accent),.1);border-radius:8px;box-shadow:0 0 20px rgba(var(--accent),.1)}.modal-title{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:.75rem;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-duration{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.95rem;font-weight:500}.modal-duration:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--accent);box-shadow:0 0 8px var(--accent)}.modal-body{padding:2.5rem 3.5rem 3.5rem}.modal-section{margin-bottom:2.5rem}.modal-section:last-child{margin-bottom:0}.modal-section h4{font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;color:#64748b;letter-spacing:.1em;border-left:3px solid var(--accent);padding-left:1rem}.modal-full-brief{font-size:1.05rem;line-height:1.75;color:#cbd5e1;font-weight:400}.modal-tags{display:flex;flex-wrap:wrap;gap:.75rem}.modal-tag{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:none}.modal-tag:hover{background:#ffffff14;border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px -5px #00000080}@media(max-width:768px){.modal-header{padding:2.5rem 2rem 2rem}.modal-body{padding:2rem 2rem 2.5rem}.modal-title{font-size:2rem}.modal-close{top:1rem;right:1rem;width:32px;height:32px;font-size:1.2rem}}.modal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.modal-gallery-img{width:100%;height:auto;border-radius:8px;object-fit:cover;transition:transform .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.modal-gallery-img:hover{transform:scale(1.03);box-shadow:0 4px 15px #0000004d;border-color:var(--accent)}.modal-visit-btn{display:inline-block;padding:.8rem 2rem;background:linear-gradient(135deg,var(--accent) 0%,#ff824f 100%);color:#fff;font-weight:700;text-decoration:none;border-radius:99px;letter-spacing:.05em;text-transform:uppercase;font-size:.95rem;box-shadow:0 10px 20px -5px #ff6b3566;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(255,255,255,.2)}.modal-visit-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px -5px #ff6b3599;background:linear-gradient(135deg,#ff824f 0%,var(--accent) 100%);color:#fff}.modal-visit-btn:active{transform:translateY(-1px)}.testimonials-section{position:relative;width:100%;padding:4rem 0;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#000;color:#f5f5f5;min-height:100vh}.testimonial-wrapper{position:relative;z-index:10;padding:40px;background:#1418275c;border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 50px #000c,0 0 100px #00000085,inset 0 0 40px #ffffff0d;transition:box-shadow .35s ease;overflow:visible;margin:0 1rem}.testimonial-container{width:100%;max-width:65rem}.testimonial-grid{display:grid;gap:4rem;align-items:center}@media(min-width:992px){.testimonial-grid{grid-template-columns:1fr 1fr;gap:6rem}}.image-container{position:relative;width:100%;height:24rem;perspective:1000px;display:flex;justify-content:center;align-items:center}.testimonial-content{background:#1c22368c;border-radius:16px;padding:2rem 2.5rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:box-shadow .3s ease;box-shadow:inset 0 0 25px #ffffff14,0 0 20px #00b2ff33;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.name{font-size:2rem;font-weight:800;color:#a6daff;margin-bottom:.25rem;font-family:Inter,sans-serif}.designation{font-size:1rem;color:#74a9e7;margin-bottom:2rem;font-weight:600}.quote{font-size:1.25rem;color:#d5e8ff;line-height:1.8;font-style:italic}.arrow-buttons{display:flex;gap:1rem;margin-top:2rem}.arrow-button{width:3rem;height:3rem;border-radius:6px;background:#00b2ff26;border:1.5px solid rgba(0,178,255,.7);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #00b2ff66,inset 0 0 12px #fff3;cursor:pointer;transition:all .3s ease}.arrow-button svg{width:1.5rem;height:1.5rem;fill:#d0eaff;transition:transform .3s ease,fill .3s ease}.arrow-button:hover{background:#00b2ff4d;transform:scale(1.15);box-shadow:0 8px 24px #00b2ffcc,inset 0 0 20px #fff6}.arrow-button:hover svg{fill:#fff}.prev-button:hover svg{transform:rotate(-15deg)}.next-button:hover svg{transform:rotate(15deg)}@media(max-width:768px){.testimonial-wrapper{padding:20px}.image-container{height:18rem}.name{font-size:1.5rem}.quote{font-size:1rem}}@media(prefers-color-scheme:light){.testimonials-section{background-color:#f8f9fa!important;color:#1f2937!important}.testimonial-wrapper{background:#ffffffe6!important;box-shadow:0 10px 40px #0000000d!important;border:1px solid rgba(0,0,0,.05)!important}.testimonial-content{background:#fffffff2!important;box-shadow:0 5px 20px #0000000d!important;border:1px solid rgba(0,0,0,.05)!important}.name{color:#111827!important}.designation{color:#845ef7!important}.quote{color:#4b5563!important}.arrow-button{background:#845ef71a!important;border-color:#845ef74d!important}.arrow-button svg{fill:#845ef7!important}.arrow-button:hover{background:#845ef7!important}.arrow-button:hover svg{fill:#fff!important}}body.light-mode .testimonials-section{background-color:#f8f9fa!important;color:#1f2937!important}body.light-mode .testimonial-wrapper{background:#ffffffe6!important;box-shadow:0 10px 40px #0000000d!important;border:1px solid rgba(0,0,0,.05)!important}body.light-mode .testimonial-content{background:#fffffff2!important;box-shadow:0 5px 20px #0000000d!important;border:1px solid rgba(0,0,0,.05)!important}body.light-mode .name{color:#111827!important}body.light-mode .designation{color:#845ef7!important}body.light-mode .quote{color:#4b5563!important}body.light-mode .arrow-button{background:#845ef71a!important;border-color:#845ef74d!important}body.light-mode .arrow-button svg{fill:#845ef7!important}body.light-mode .arrow-button:hover{background:#845ef7!important}body.light-mode .arrow-button:hover svg{fill:#fff!important}.contact-section{width:100%;min-height:100vh;background-color:#000;padding:80px 0;color:#fff}.section-header{text-align:center;margin:0 auto;padding:40px 0;font-family:Inter,Oswald,sans-serif;font-size:3.5rem;font-weight:300;color:#fff;text-transform:uppercase;letter-spacing:6px;background:linear-gradient(90deg,#ff6b6b,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.map-container{max-width:1200px;margin:0 auto 40px;padding:0 20px;border-radius:20px;overflow:hidden}.map-container iframe{border-radius:20px;filter:grayscale(100%) invert(90%) contrast(90%);transition:filter .3s ease}.map-container iframe:hover{filter:grayscale(50%) invert(90%) contrast(90%)}.contact-wrapper{display:flex;flex-direction:row;justify-content:space-between;gap:40px;margin:0 auto;padding:20px;max-width:1000px}.contact-form{flex:1;max-width:500px;background:#ffffff0d;padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:20px}.form-control{width:100%;padding:15px 20px;background-color:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,Lato,sans-serif;letter-spacing:1px;transition:all .3s ease;cursor:none}.form-control::placeholder{color:#666;letter-spacing:2px}.form-control:focus{outline:none;border-color:#845ef7;box-shadow:0 0 15px #845ef74d;background-color:#000000b3}textarea.form-control{resize:none;min-height:150px}.send-button{width:100%;height:50px;background:linear-gradient(90deg,#ff6b6b,#845ef7);border:none;border-radius:30px;color:#fff;font-size:14px;font-weight:600;cursor:none;overflow:hidden;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.direct-contact-container{flex:1;max-width:400px;background:#ffffff0d;padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-list{list-style-type:none;padding:0;margin:0}.list-item{display:flex;align-items:center;gap:20px;padding:15px 0;color:#aaa;transition:color .3s ease}.list-item:hover{color:#fff}.contact-icon-fa{font-size:1.5rem;color:#ff6b6b;min-width:30px}.contact-text{font-family:Inter,Lato,sans-serif;font-size:1rem;font-weight:300;letter-spacing:1px;color:#bbb}.contact-text a{color:#bbb;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#fff}.social-media-list{display:flex;justify-content:center;gap:15px;list-style:none;padding:0;margin:20px 0}.social-media-list li{position:relative;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background-color:#ffffff1a;cursor:none;transition:all .3s ease}.social-media-list li:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:0;box-shadow:0 0 0 2px #fff;transition:all .3s ease}.social-media-list li:hover{background-color:#fff;transform:translateY(-5px)}.social-media-list li:hover:after{opacity:1;transform:scale(1.15)}.social-media-list li a{color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.social-media-list li:hover a{color:#000}hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:25px 0}.copyright{font-family:Inter,Oswald,sans-serif;font-size:12px;font-weight:200;color:#555;letter-spacing:1px;text-align:center}@media screen and (max-width:850px){.contact-wrapper{flex-direction:column;align-items:center}.contact-form,.direct-contact-container{max-width:100%;width:100%}.direct-contact-container{margin-top:20px}}@media screen and (max-width:569px){.section-header{font-size:2.5rem;letter-spacing:3px}.contact-form,.direct-contact-container{padding:25px}.social-media-list li a{font-size:1.2rem}}.send-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #845ef766}.send-button:disabled{opacity:.7;cursor:not-allowed}.alt-send-button{display:flex;align-items:center;justify-content:center;gap:10px;height:100%}.send-text{font-family:Inter,Lato,sans-serif}.error-message{color:#ff6b6b;text-align:center;margin-top:15px;font-size:14px}@media(prefers-color-scheme:light){.contact-section{background-color:#f8f9fa!important;color:#1f2937!important}.section-header{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.contact-form,.direct-contact-container{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 10px 40px #0000000d!important}.form-control{background-color:#fff!important;border:1px solid #e5e7eb!important;color:#1f2937!important}.form-control::placeholder{color:#9ca3af!important}.form-control:focus{background-color:#fff!important;border-color:#845ef7!important;box-shadow:0 0 0 3px #845ef71a!important}.list-item{color:#4b5563!important}.list-item:hover{color:#111827!important;background:#0000000d!important}.contact-text,.contact-text a{color:#4b5563!important}.contact-text a:hover{color:#111827!important}.social-media-list li{background-color:#0000000d!important}.social-media-list li a{color:#4b5563!important}.social-media-list li:hover{background-color:#845ef7!important}.social-media-list li:hover a{color:#fff!important}hr{border-top:1px solid rgba(0,0,0,.1)!important}}body.light-mode .contact-section{background-color:#f8f9fa!important;color:#1f2937!important}body.light-mode .section-header{background:linear-gradient(90deg,#ff6b6b,#845ef7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}body.light-mode .contact-form,body.light-mode .direct-contact-container{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 10px 40px #0000000d!important}body.light-mode .form-control{background-color:#fff!important;border:1px solid #e5e7eb!important;color:#1f2937!important}body.light-mode .form-control::placeholder{color:#9ca3af!important}body.light-mode .form-control:focus{background-color:#fff!important;border-color:#845ef7!important;box-shadow:0 0 0 3px #845ef71a!important}body.light-mode .list-item{color:#4b5563!important}body.light-mode .list-item:hover{color:#111827!important;background:#0000000d!important}body.light-mode .contact-text,body.light-mode .contact-text a{color:#4b5563!important}body.light-mode .contact-text a:hover{color:#111827!important}body.light-mode .social-media-list li{background-color:#0000000d!important}body.light-mode .social-media-list li a{color:#4b5563!important}body.light-mode .social-media-list li:hover{background-color:#845ef7!important}body.light-mode .social-media-list li:hover a{color:#fff!important}body.light-mode hr{border-top:1px solid rgba(0,0,0,.1)!important}.nav-widget-container{position:fixed;bottom:2rem;left:2rem;z-index:1000;display:flex;flex-direction:column;pointer-events:none;opacity:0;transform:translate(-50px);visibility:hidden;transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.nav-widget-container.visible{opacity:1;transform:translate(0);visibility:visible}.nav-widget{pointer-events:auto;background:#14141466;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:50px;padding:1.5rem .8rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 4px 30px #0000001a,inset 0 0 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.nav-widget:hover{box-shadow:0 10px 40px #0003,inset 0 0 0 1px #fff3;background:#1e1e1e99;transform:translateY(-2px)}.nav-widget-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff9;text-decoration:none;font-size:.7rem;font-weight:500;transition:all .3s ease;padding:.5rem;border-radius:12px;width:100%}.nav-widget-link span{display:none;position:absolute;left:120%;background:#000000e6;color:#fff!important;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.5px;opacity:0;transition:all .3s ease;pointer-events:none;white-space:nowrap;box-shadow:0 4px 15px #0000004d;border:1px solid rgba(255,255,255,.1)}.nav-widget-link:hover span{opacity:1;display:block}.nav-widget-icon{font-size:1.4rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.nav-widget-link:hover{color:#fff;background:#ffffff1a}.nav-widget-link:hover .nav-widget-icon{color:#ff6b6b;transform:scale(1.2)}.back-to-top-btn{pointer-events:auto;background:#14141466;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#fff;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;box-shadow:0 4px 20px #0003;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);opacity:0;visibility:hidden;transform:translateY(50px) scale(.8);position:fixed;bottom:2rem;right:2rem;z-index:1000}.back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top-btn:hover{transform:translateY(-5px);background:linear-gradient(135deg,#ff6b6b,#845ef7);border-color:transparent;box-shadow:0 8px 25px #845ef780}.back-to-top-btn:active{transform:scale(.95)}@media(max-width:768px){.nav-widget-container{left:1rem;bottom:1.5rem}.nav-widget{padding:1rem .6rem;gap:1.2rem}.nav-widget-icon{font-size:1.2rem}.back-to-top-btn{right:1rem;bottom:1.5rem;width:3rem;height:3rem}.nav-widget-container.should-hide{opacity:0;visibility:hidden;transform:translate(-100%) scale(.9);pointer-events:none}}body.light-mode .nav-widget{background:#fffc;border-color:#0000001a;box-shadow:0 4px 20px #0000000d}body.light-mode .back-to-top-btn{background:#fff;color:#845ef7;border-color:#845ef74d;box-shadow:0 5px 15px #845ef726}body.light-mode .back-to-top-btn:hover{background:linear-gradient(135deg,#ff6b6b,#845ef7);color:#fff;transform:translateY(-5px);box-shadow:0 8px 25px #845ef766}body.light-mode .nav-widget-link{color:#6b7280}body.light-mode .nav-widget-link:hover{color:#111827;background:#0000000d}body.light-mode .nav-widget-link:hover .nav-widget-icon{color:#845ef7}.loading-screen-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#030005;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;color:#fff;font-family:Orbitron,sans-serif;perspective:1000px}[class^=stars-layer]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:10vw 15vw 2px #fff,-10vw -30vw 1px #fff,25vw -15vw 2px #fff,-10vw 40vw 1px #fff,-30vw -20vw 2px #fff,30vw 10vw 1px #fff}.stars-layer-1{width:1px;height:1px;animation:galaxyZoom 10s linear infinite;opacity:.8;box-shadow:10vw 15vw 2px #fff,-20vw -20vw 1px #fff,35vw 15vw 2px #fff,-10vw -40vw 1px #fff}.stars-layer-2{width:2px;height:2px;animation:galaxyZoom 15s linear infinite;opacity:.6;box-shadow:-10vw 25vw 2px #0ff,20vw 30vw 1px #f0f,-35vw -15vw 2px #0ff,10vw -20vw 1px #f0f}.stars-layer-3{width:3px;height:3px;animation:galaxyZoom 20s linear infinite;opacity:.4}.shooting-stars-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.shooting-stars-layer:before{content:"";position:absolute;top:-10%;left:50%;width:300px;height:2px;background:linear-gradient(90deg,#fff,transparent);transform:rotate(45deg);animation:meteorShower 4s linear infinite;opacity:0}@keyframes galaxyZoom{0%{transform:translate(-50%,-50%) scale(.5) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-50%,-50%) scale(2) rotate(45deg);opacity:0}}@keyframes meteorShower{0%{transform:translate(-300px,-300px) rotate(45deg);opacity:0}10%{opacity:1}to{transform:translate(100vw,100vh) rotate(45deg);opacity:0}}.content-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.spinner-box{width:600px;height:600px;display:flex;justify-content:center;align-items:center;background-color:transparent;position:relative;mix-blend-mode:screen}.leo{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;box-sizing:border-box}.blue-orbit{width:500px;height:500px;border:3px solid rgba(63,249,220,.6);box-shadow:0 0 20px #3ff9dc66,inset 0 0 20px #3ff9dc66;animation:spin3D 4s linear infinite}.green-orbit{width:400px;height:400px;border:3px solid rgba(63,249,220,.5);box-shadow:0 0 15px #3ff9dc4d;animation:spin3D 3s linear infinite reverse}.red-orbit{width:300px;height:300px;border:3px solid rgba(251,91,83,.7);box-shadow:0 0 25px #fb5b5380,inset 0 0 10px #fb5b534d;animation:spin3D 2s linear infinite}.white-orbit{width:150px;height:150px;border:2px solid #ffffff;box-shadow:0 0 30px #fff;animation:spin3D 8s linear infinite}.w1{transform:rotate3D(1,1,1,90deg)}.w2{transform:rotate3D(1,2,.5,90deg)}.w3{transform:rotate3D(.5,1,2,90deg)}@keyframes spin3D{0%{transform:rotate3d(.5,.5,.5,360deg)}to{transform:rotate3d(0deg)}}.center-hud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;text-align:center;pointer-events:none}.ls-logo-p{font-size:8rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#fff,#3ff9dc,#fb5b53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(63,249,220,.8));animation:heartbeat 1.5s ease-in-out infinite;margin-bottom:0}.loading-percentage{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);letter-spacing:4px;margin-top:-10px;background:#0006;padding:5px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes heartbeat{0%{transform:scale(1);filter:drop-shadow(0 0 15px rgba(63,249,220,.8))}15%{transform:scale(1.15);filter:drop-shadow(0 0 25px rgba(63,249,220,1))}30%{transform:scale(1);filter:drop-shadow(0 0 15px rgba(63,249,220,.8))}45%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(63,249,220,.9))}to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(63,249,220,.8))}}@media(max-width:768px){.spinner-box{width:350px;height:350px}.blue-orbit{width:320px;height:320px}.green-orbit{width:260px;height:260px}.red-orbit{width:200px;height:200px}.white-orbit{width:100px;height:100px}.ls-logo-p{font-size:5rem}.loading-percentage{font-size:1.5rem}}.custom-cursor{position:fixed;width:24px;height:24px;background-color:transparent;border:1px solid white;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .3s ease,border-radius .3s cubic-bezier(.23,1,.32,1),background-color .3s ease,border-color .3s ease;display:flex;align-items:center;justify-content:center;opacity:0;box-shadow:0 0 10px #ffffff4d}.custom-cursor.visible{opacity:1}.custom-cursor.hover{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.8)}@media(pointer:fine){html,body{cursor:none}a,button,.js-cursor-target,.project-card,input,textarea,.contact-form input,.contact-form textarea,.social-media-list li,.list-item,.logo-item,.tech-item,.modal-tag{cursor:none!important}}@media(pointer:coarse){.custom-cursor{display:none!important}html,body,a,button,input,textarea{cursor:auto!important}}.custom-cursor.hover-logo{mix-blend-mode:normal!important;background-color:transparent!important;border:2px solid #845ef7;box-shadow:0 0 10px #845ef74d}body.light-mode .custom-cursor{background-color:transparent;border:1px solid #000000;box-shadow:0 0 10px #0000001a}body.light-mode .custom-cursor.hover{background-color:#0000000d;border:1px solid rgba(0,0,0,.8)}.wind-particle{position:fixed;top:0;left:0;pointer-events:none;z-index:9998;background:#fff;border-radius:50%;opacity:0;transform:translate(-50%,-50%)}body.light-mode .wind-particle{background:#000}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;transition:background-color .5s ease,color .5s ease}