@import "https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Kanit,sans-serif}body{background-color:#111417;width:100%;height:100%}nav{z-index:1000;width:100%;height:80px;box-shadow:none;background:#111417;justify-content:space-between;align-items:center;padding:0 5%;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0}nav.scrolled{-webkit-backdrop-filter:blur(6px);background:#11141726}nav h1{color:#0000;letter-spacing:1px;cursor:pointer;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}nav ul{align-items:center;gap:30px;list-style:none;display:flex}nav ul a{cursor:pointer;color:#b4bec8;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}nav ul a:hover{color:#42b4cd}nav ul a:after{content:"";background:#42b4cd;border-radius:10px;width:0;height:3px;transition:width .4s;position:absolute;bottom:-8px;left:0}nav ul a:hover:after{width:100%}.active{color:#42b4cd!important}.active:after{width:100%!important}.hamburger{cursor:pointer;flex-direction:column;gap:6px;display:none}.ham{background:#b4bec8;border-radius:5px;width:30px;height:3px;transition:all .4s}.activeham .ham:first-child{transform:rotate(45deg)translate(7px,7px)}.activeham .ham:nth-child(2){opacity:0}.activeham .ham:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobilemenu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111417f2;flex-direction:column;justify-content:flex-start;align-items:center;gap:35px;width:100%;height:calc(100vh - 80px);padding-top:50px;transition:all .5s;display:flex;position:absolute;top:80px;right:0;transform:translate(100%)}.activemobile{transform:translate(0)}.mobilemenu a{color:#b4bec8;font-size:22px}@media (width<=768px){.desktopmenu{display:none}.hamburger{display:flex}}footer{background:#0b0d10;width:100%;position:relative;overflow:hidden}.footer-glow{background:linear-gradient(90deg,#0000,#42b4cd,#82dcdc,#42b4cd,#0000);width:100%;height:2px;box-shadow:0 0 18px #42b4cdb3,0 0 40px #42b4cd4d}footer:before{content:"";pointer-events:none;background:radial-gradient(#42b4cd12 0%,#0000 70%);width:700px;height:300px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.footer-inner{z-index:1;flex-direction:column;gap:40px;padding:60px 8% 30px;display:flex;position:relative}.footer-columns{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:60px;display:flex}.footer-contact{flex:1;min-width:260px}.footer-contact h3{color:#fff;margin-bottom:12px;font-size:22px;font-weight:700;display:inline-block;position:relative}.footer-contact h3:after{content:"";background:#42b4cd;border-radius:10px;width:40px;height:2px;position:absolute;bottom:-6px;left:0;box-shadow:0 0 8px #42b4cd99}.footer-contact>p{color:#6e7d91;max-width:300px;margin-top:18px;margin-bottom:24px;font-size:14px;line-height:1.8}.contact-list{flex-direction:column;gap:14px;margin-bottom:28px;list-style:none;display:flex}.contact-list li{color:#6e7d91;align-items:center;gap:12px;font-size:14px;display:flex}.contact-list li a{color:#6e7d91;text-decoration:none;transition:color .3s}.contact-list li a:hover{color:#42b4cd}.contact-list li svg{color:#42b4cd;flex-shrink:0;font-size:15px}.footer-socials{gap:12px;display:flex}.footer-socials a{color:#8ca0b4;background:#42b4cd0a;border:1px solid #42b4cd33;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.footer-socials a:before{content:"";opacity:0;background:linear-gradient(135deg,#42b4cd33,#0000);transition:opacity .3s;position:absolute;inset:0}.footer-socials a:hover:before{opacity:1}.footer-socials a:hover{color:#42b4cd;border-color:#42b4cd;transform:translateY(-4px);box-shadow:0 8px 20px #42b4cd33}.footer-right{flex-direction:column;flex:1;align-items:flex-end;gap:28px;min-width:260px;display:flex}.footer-brand h2{letter-spacing:6px;color:#0000;text-align:right;background:linear-gradient(135deg,#42b4cd 0%,#fff 50%,#42b4cd 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:38px;font-weight:800;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.footer-brand p{color:#6e7d91;text-align:right;font-size:13px}.footer-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 24px;list-style:none;display:flex}.footer-nav li{color:#8291a5;letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:4px 0;font-size:13px;font-weight:500;transition:color .3s;position:relative}.footer-nav li:after{content:"";background:#42b4cd;border-radius:10px;width:0;height:1.5px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-nav li:hover{color:#42b4cd}.footer-nav li:hover:after{width:100%}.footer-divider{align-items:center;gap:12px;width:100%;display:flex}.footer-divider span:not(.dot){background:linear-gradient(90deg,#0000,#42b4cd33);flex:1;height:1px}.footer-divider span:last-child{background:linear-gradient(270deg,#0000,#42b4cd33)}.footer-divider .dot{background:#42b4cd;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 8px #42b4cd}.footer-bottom{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.footer-bottom p{color:#465564;letter-spacing:.5px;font-size:13px}.footer-bottom span{color:#42b4cd;font-weight:600}.back-to-top{color:#42b4cd;cursor:pointer;background:#42b4cd0f;border:1px solid #42b4cd4d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;transition:all .3s;display:flex;position:absolute;right:0}.back-to-top:hover{background:#42b4cd26;border-color:#42b4cd;transform:translateY(-3px);box-shadow:0 6px 16px #42b4cd33}@media (width<=768px){.footer-columns{flex-direction:column;gap:40px}.footer-right{align-items:flex-start}.footer-brand h2{text-align:left;font-size:28px}.footer-brand p{text-align:left}.footer-nav{justify-content:flex-start}.back-to-top{margin-top:16px;position:static}.footer-bottom{flex-direction:column;gap:12px}}#home{background:linear-gradient(135deg,#020617,#0f172a,#111827,#020617);justify-content:space-between;align-items:center;width:100%;min-height:100vh;padding:80px 8% 30px;display:flex;overflow:hidden}.lefthome{flex:1;align-items:center;display:flex}.homedetails{max-width:650px;transform:translateY(-20px)}.line1{color:#94a3b8;margin-bottom:10px;font-size:1.4rem;font-weight:500}.line2{background:linear-gradient(90deg,#22d3ee,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:4rem;font-weight:900;line-height:1.1;animation:2s infinite nameJump}@keyframes nameJump{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.line3{color:#fff;min-height:55px;margin-bottom:25px;font-size:1.8rem;font-weight:700}.contact-info{flex-direction:column;gap:14px;margin-bottom:30px;display:flex}.info-item{color:#e2e8f0;align-items:center;gap:12px;font-size:1rem;display:flex}.info-item svg{color:#22d3ee;font-size:1.3rem}.info-item a{color:#e2e8f0;text-decoration:none;transition:all .3s}.info-item a:hover{color:#22d3ee}.hero-buttons{flex-wrap:wrap;gap:18px;display:flex}.hire-btn,.cv-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#06b6d4,#10b981);border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .4s}.hire-btn:hover,.cv-btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px #06b6d466,0 10px 25px #10b9814d}.righthome{flex:1;justify-content:center;align-items:center;display:flex}.image-wrapper{justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative}.image-wrapper:before{content:"";border:3px dashed #22d3ee;border-radius:50%;width:380px;height:380px;animation:20s linear infinite rotateCircle;position:absolute}.profile-image{background:#0f172a;border:6px solid #22d3ee;border-radius:50%;width:260px;height:260px;overflow:hidden;box-shadow:0 0 30px #22d3ee80,0 0 80px #10b9814d}.profile-image img{object-fit:cover;width:100%;height:100%}.orbit{width:380px;height:380px;animation:15s linear infinite rotateCircle;position:absolute}.orbit span{color:#22d3ee;background:#0f172a;border:2px solid #22d3ee;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;position:absolute;box-shadow:0 0 15px #22d3ee99}.orbit span:first-child{top:-20px;left:50%;transform:translate(-50%)}.orbit span:nth-child(2){top:35px;right:5px}.orbit span:nth-child(3){top:50%;right:-20px;transform:translateY(-50%)}.orbit span:nth-child(4){bottom:35px;right:5px}.orbit span:nth-child(5){bottom:-20px;left:50%;transform:translate(-50%)}.orbit span:nth-child(6){bottom:35px;left:5px}.orbit span:nth-child(7){top:50%;left:-20px;transform:translateY(-50%)}.orbit span:nth-child(8){top:35px;left:5px}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=992px){#home{text-align:center;flex-direction:column-reverse;padding-top:110px}.lefthome{justify-content:center}.contact-info{align-items:center}.hero-buttons{justify-content:center}.line2{font-size:3rem}.line3{font-size:1.4rem}.image-wrapper{width:320px;height:320px}.image-wrapper:before,.orbit{width:270px;height:270px}.profile-image{width:210px;height:210px}.orbit span{width:42px;height:42px;font-size:18px}}@media (width<=576px){#home{padding:100px 20px 40px}.line1{font-size:1rem}.line2{font-size:2.3rem}.line3{font-size:1.1rem}.hero-buttons{flex-direction:column}.hire-btn,.cv-btn{width:100%}.image-wrapper{width:260px;height:260px}.image-wrapper:before,.orbit{width:220px;height:220px}.profile-image{width:160px;height:160px}.orbit span{width:30px;height:30px;font-size:12px}}#about{color:#fff;background:#111417;width:100%;min-height:100vh;padding:100px 8% 80px}.about-heading{text-align:center;margin-bottom:70px}.about-heading h1{letter-spacing:3px;color:#fff;margin-bottom:10px;font-size:42px;font-weight:800}.about-heading h1 span{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text}.about-heading p{color:#6e7d91;font-size:15px}.about-container{align-items:flex-start;gap:70px;max-width:1100px;margin:auto;display:flex}.about-left{flex-direction:column;flex:1;align-items:center;gap:30px;display:flex}.image-box{width:300px;height:300px;position:relative}.image-box img{object-fit:cover;z-index:1;border:2px solid #42b4cd33;border-radius:24px;width:100%;height:100%;position:relative}.img-glow{z-index:0;filter:blur(12px);background:linear-gradient(135deg,#42b4cd4d,#0000 60%);border-radius:26px;position:absolute;inset:-4px}.badge{color:#42b4cd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;white-space:nowrap;background:#0b0d10e6;border:1px solid #42b4cd59;border-radius:50px;padding:6px 14px;font-size:12px;font-weight:600;animation:3s ease-in-out infinite float;position:absolute}.badge1{animation-delay:0s;top:16px;left:-30px}.badge2{animation-delay:.8s;bottom:20px;left:-30px}.badge3{animation-delay:1.6s;top:16px;right:-30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about-stats{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.about-stat{text-align:center;background:#42b4cd0d;border:1px solid #42b4cd1f;border-radius:12px;padding:12px 10px;transition:all .3s}.about-stat:hover{background:#42b4cd1a;border-color:#42b4cd4d;transform:translateY(-3px)}.about-stat h3{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;margin-bottom:3px;font-size:18px;font-weight:800}.about-stat p{color:#6e7d91;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.about-right{flex-direction:column;flex:1.3;gap:16px;display:flex}.about-right h2{color:#fff;font-size:36px;font-weight:800}.about-right h2 span{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text}.about-right h4{color:#42b4cd;letter-spacing:.5px;margin-top:-6px;font-size:15px;font-weight:500}.about-right p{color:#8291a5;font-size:15px;line-height:1.85}.about-right strong{color:#42b4cd;font-weight:600}.service-cards{flex-direction:column;gap:12px;margin-top:6px;display:flex}.service-card{background:#ffffff05;border:1px solid #42b4cd1a;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:all .3s;display:flex}.service-card:hover{background:#42b4cd12;border-color:#42b4cd4d;transform:translate(6px)}.service-icon{color:#42b4cd;flex-shrink:0;font-size:22px}.service-card h5{color:#fff;margin-bottom:3px;font-size:14px;font-weight:700}.service-card p{color:#6e7d91;margin:0;font-size:12px;line-height:1.4}.resume-btn{color:#fff;background:linear-gradient(135deg,#42b4cd,#288ca5);border-radius:50px;align-items:center;gap:10px;width:fit-content;margin-top:6px;padding:13px 30px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 6px 20px #42b4cd4d}.resume-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #42b4cd73}@media (width<=900px){.about-container{flex-direction:column;align-items:center;gap:50px}.about-right{text-align:center}.about-right h2{font-size:28px}.service-card:hover{transform:translate(0)translateY(-3px)}.resume-btn{margin:6px auto 0}.about-heading h1{font-size:30px}.badge1,.badge2{left:-20px}.badge3{right:-20px}}.card{background:#ffffff08;border:1px solid #42b4cd1f;border-radius:18px;width:100%;max-width:370px;transition:all .4s;position:relative;overflow:hidden}.card:hover{border-color:#42b4cd66;transform:translateY(-10px);box-shadow:0 20px 50px #0006,0 0 30px #42b4cd14}.card-img-wrap{position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:200px;transition:transform .5s;display:block}.card:hover .project-img{transform:scale(1.08)}.card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0b0d10bf;justify-content:center;align-items:center;gap:14px;transition:opacity .4s;display:flex;position:absolute;inset:0}.card:hover .card-overlay{opacity:1}.overlay-btn{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.overlay-btn:hover{background:#ffffff2e;border-color:#fff;transform:scale(1.05)}.overlay-btn.live{color:#42b4cd;background:#42b4cd33;border-color:#42b4cd80}.overlay-btn.live:hover{background:#42b4cd59;border-color:#42b4cd}.card-tag{color:#42b4cd;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#42b4cd26;border:1px solid #42b4cd59;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.card-content{padding:20px}.card-content h2{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700;transition:color .3s}.card:hover .card-content h2{color:#42b4cd}.card-content p{color:#78879b;margin-bottom:18px;font-size:13px;line-height:1.7}.btn-group{gap:10px;display:flex}.btn-github,.btn-live{border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 0;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-github{color:#b4bec8;background:#ffffff0d;border:1px solid #ffffff1a}.btn-github:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.btn-live{color:#42b4cd;background:#42b4cd1f;border:1px solid #42b4cd4d}.btn-live:hover{background:#42b4cd40;border-color:#42b4cd;transform:translateY(-2px);box-shadow:0 6px 18px #42b4cd33}#projects{background:#0d1013;width:100%;min-height:100vh;padding:100px 6% 80px;overflow:hidden}.projects-wrapper{flex-direction:column;align-items:center;gap:50px;max-width:1200px;margin:auto;display:flex}.projects-heading{text-align:center}.projects-heading h1{color:#fff;letter-spacing:3px;margin-bottom:12px;font-size:42px;font-weight:800}.projects-heading h1 span{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text}.projects-heading p{color:#6e7d91;font-size:15px}.projects-stats{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.pstat{text-align:center;background:#42b4cd0d;border:1px solid #42b4cd26;border-radius:14px;padding:20px 40px;transition:all .3s}.pstat:hover{background:#42b4cd1a;border-color:#42b4cd66;transform:translateY(-4px);box-shadow:0 10px 24px #42b4cd1f}.pstat h3{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:30px;font-weight:800}.pstat p{color:#6e7d91;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.swiper{width:100%;padding:10px 4px 50px!important}.swiper-slide{justify-content:center;height:auto;display:flex}.swiper-pagination-bullet{background:#42b4cd66!important}.swiper-pagination-bullet-active{background:#42b4cd!important}@media (width<=768px){#projects{padding:70px 5% 60px}.projects-heading h1{font-size:30px}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}#contact{padding:100px 8%;position:relative}.contact-wrapper{max-width:1100px;margin:auto}.contact-heading{text-align:center;margin-bottom:60px}.contact-heading h2{color:#fff;letter-spacing:2px;margin-bottom:12px;font-size:42px;font-weight:800}.contact-heading h2 span{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text}.contact-heading p{color:#6e7d91;font-size:15px}.contact-container{align-items:flex-start;gap:50px;display:flex}.contact-left{flex-direction:column;flex:1;gap:24px;display:flex}.contact-left-content h3{color:#fff;margin-bottom:20px;font-size:26px;font-weight:700;display:inline-block;position:relative}.contact-left-content h3:after{content:"";background:#42b4cd;border-radius:10px;width:40px;height:2px;position:absolute;bottom:-8px;left:0;box-shadow:0 0 8px #42b4cd99}.contact-left-content p{color:#8291a5;margin-top:18px;font-size:15px;line-height:1.9}.contact-info-items{flex-direction:column;gap:12px;margin-top:28px;display:flex}.contact-info-item{color:#8ca0b4;align-items:center;gap:12px;font-size:15px;text-decoration:none;transition:color .3s;display:flex}.contact-info-item svg{color:#42b4cd;flex-shrink:0;font-size:16px}.contact-info-item:hover{color:#42b4cd}.contact-right{flex:1.2}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #42b4cd1f;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.contact-form h3{color:#fff;margin-bottom:28px;font-size:22px;font-weight:700;display:inline-block;position:relative}.contact-form h3:after{content:"";background:#42b4cd;border-radius:10px;width:36px;height:2px;position:absolute;bottom:-8px;left:0;box-shadow:0 0 8px #42b4cd99}.form-row{gap:16px;display:flex}.form-row .input-group{flex:1}.input-group{flex-direction:column;margin-bottom:18px;display:flex}.input-group label{letter-spacing:1px;text-transform:uppercase;color:#64788c;margin-bottom:8px;font-size:12px;font-weight:600}.contact-form input,.contact-form textarea{color:#fff;resize:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:13px 16px;font-size:14px;transition:border-color .3s,box-shadow .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#42b4cd80;box-shadow:0 0 0 3px #42b4cd14}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#505f73}.submit-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#42b4cd,#288ca5);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:6px;padding:14px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #42b4cd4d}.submit-btn svg{width:18px;height:18px;transition:transform .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #42b4cd73}.submit-btn:hover svg{transform:translate(4px)}@media (width<=768px){.contact-container{flex-direction:column}.contact-left img{width:160px}.form-row{flex-direction:column;gap:0}.contact-form{padding:24px}.contact-heading h2{font-size:30px}}#skills{background:#111417;flex-direction:column;align-items:center;gap:60px;width:100%;min-height:100vh;padding:100px 8% 80px;display:flex;overflow:hidden}.skills-heading{text-align:center}.skills-heading h1{color:#fff;letter-spacing:3px;margin-bottom:12px;font-size:42px;font-weight:800}.skills-heading h1 span{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text}.skills-heading p{color:#6e7d91;letter-spacing:.5px;font-size:15px}.skills-stats{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.stat-card{text-align:center;background:#42b4cd0d;border:1px solid #42b4cd26;border-radius:16px;min-width:130px;padding:24px 36px;transition:all .3s}.stat-card:hover{background:#42b4cd1a;border-color:#42b4cd66;transform:translateY(-5px);box-shadow:0 10px 30px #42b4cd26}.stat-card h3{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:34px;font-weight:800}.stat-card p{color:#78879b;letter-spacing:.5px;text-transform:uppercase;font-size:13px}.skills-about{background:#ffffff05;border:1px solid #42b4cd1f;border-radius:20px;width:100%;max-width:750px;padding:40px;position:relative;overflow:hidden}.skills-about:before{content:"";background:linear-gradient(#42b4cd,#0000);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.skills-about-text h2{color:#fff;margin-bottom:16px;font-size:22px;font-weight:700}.skills-about-text p{color:#8291a5;margin-bottom:14px;font-size:15px;line-height:1.9}.skills-about-text strong{color:#42b4cd}.skills-tags{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.skills-tags span{color:#42b4cd;letter-spacing:.5px;background:#42b4cd0f;border:1px solid #42b4cd4d;border-radius:50px;padding:6px 16px;font-size:13px;font-weight:500}.slider{width:100%;padding:10px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.slide-track{gap:16px;width:max-content;animation:25s linear infinite scrollLeft;display:flex}.slide-track-reverse{gap:16px;width:max-content;animation:25s linear infinite scrollRight;display:flex}.slider:hover .slide-track,.slider:hover .slide-track-reverse{animation-play-state:paused}.skill-card{color:#b4bec8;white-space:nowrap;cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.skill-card:before{content:"";background:radial-gradient(circle at center, rgba(var(--clr-rgb), .08), transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.skill-card:hover{border-color:var(--clr);color:#fff;transform:translateY(-3px);box-shadow:0 0 20px #42b4cd26}.skill-card:hover .skill-icon{transform:scale(1.2)rotate(8deg)}.skill-icon{color:var(--clr);align-items:center;font-size:22px;transition:transform .3s;display:flex}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (width<=768px){#skills{gap:40px;padding:70px 5% 60px}.skills-heading h1{font-size:30px}.stat-card{padding:18px 24px}.stat-card h3{font-size:26px}.skills-about{padding:24px}.skill-card{padding:10px 16px;font-size:13px}.skill-icon{font-size:18px}}#education{background:#0d1013;width:100%;min-height:100vh;padding:100px 8% 80px}.edu-heading{text-align:center;margin-bottom:70px}.edu-heading h1{letter-spacing:3px;color:#fff;margin-bottom:10px;font-size:42px;font-weight:800}.edu-heading h1 span{color:#0000;background:linear-gradient(90deg,#42b4cd,#fff);-webkit-background-clip:text;background-clip:text}.edu-heading p{color:#6e7d91;font-size:15px}.edu-timeline{flex-direction:column;gap:0;max-width:800px;margin:0 auto;display:flex}.edu-item{align-items:flex-start;gap:24px;display:flex}.edu-icon-col{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.edu-icon{color:#42b4cd;z-index:1;background:#42b4cd1a;border:2px solid #42b4cd66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex;box-shadow:0 0 16px #42b4cd33}.edu-line{background:linear-gradient(#42b4cd66,#42b4cd0d);flex:1;width:2px;min-height:40px;margin:6px 0}.edu-card{background:#ffffff05;border:1px solid #42b4cd1f;border-radius:16px;flex:1;margin-bottom:30px;padding:24px 28px;transition:all .3s;position:relative;overflow:hidden}.edu-card:before{content:"";background:linear-gradient(#42b4cd,#0000);border-radius:3px 0 0 3px;width:3px;height:100%;position:absolute;top:0;left:0}.edu-card:hover{background:#42b4cd0a;border-color:#42b4cd4d;transform:translate(6px);box-shadow:0 10px 30px #0000004d}.edu-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.edu-card-top h2{color:#fff;margin-bottom:4px;font-size:18px;font-weight:700}.edu-card-top h4{color:#42b4cd;letter-spacing:.5px;font-size:13px;font-weight:500}.edu-status{letter-spacing:.5px;white-space:nowrap;border-radius:50px;flex-shrink:0;padding:4px 14px;font-size:11px;font-weight:600}.edu-status.pursuing{color:#42b4cd;background:#42b4cd1f;border:1px solid #42b4cd59}.edu-status.completed{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.edu-details{flex-direction:column;gap:8px;display:flex}.edu-details p{color:#78879b;align-items:center;gap:10px;font-size:13px;line-height:1.5;display:flex}.edu-details p svg{color:#42b4cd99;flex-shrink:0;font-size:12px}.edu-meta{flex-wrap:wrap;gap:20px;margin-top:4px;display:flex}.edu-meta span{color:#8c9baf;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.edu-meta span svg{color:#42b4cd;font-size:12px}@media (width<=768px){#education{padding:70px 5% 60px}.edu-heading h1{font-size:30px}.edu-card{padding:18px}.edu-card-top{flex-direction:column;gap:8px}.edu-card:hover{transform:translate(0)translateY(-3px)}}.fixed-left{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:40px;left:20px}.fixed-btn{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}.fixed-btn.whatsapp{color:#fff;background:#25d366;animation:2s infinite pulse-green;box-shadow:0 4px 20px #25d36666}.fixed-btn.call{color:#fff;background:#42b4cd;animation:2s .5s infinite pulse-cyan;box-shadow:0 4px 20px #42b4cd66}.fixed-btn:hover{animation:none;transform:scale(1.15)}@keyframes pulse-green{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d366cc}}@keyframes pulse-cyan{0%,to{box-shadow:0 4px 20px #42b4cd66}50%{box-shadow:0 4px 30px #42b4cdcc}}.fixed-top-btn{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#42b4cd;cursor:pointer;opacity:0;pointer-events:none;background:#0b0d10d9;border:1px solid #42b4cd66;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;transition:opacity .3s,transform .3s,box-shadow .3s;display:flex;position:fixed;bottom:40px;right:20px;transform:translateY(20px)}.fixed-top-btn.show{opacity:1;pointer-events:all;transform:translateY(0)}.fixed-top-btn:hover{background:#42b4cd26;transform:translateY(-3px);box-shadow:0 6px 20px #42b4cd4d}