*{margin:0;padding:0;box-sizing:border-box;font-family:poppins}body{padding:0 70px;transition:all .3s ease}body.dark{background-color:#1b2431;color:#fff}section{scroll-margin-top:116px}html{scroll-behavior:smooth}@media screen and (max-width:992px){body{padding:0 20px}}.navbar{width:100%;position:fixed;top:0;left:0;z-index:999;display:flex;justify-content:space-between;align-items:center;padding:40px 70px;background-color:#fffffff8;transition:all .3s ease}.navbar .my-name{font-weight:600;font-size:24px;line-height:150%}.navbar .nav-links{max-width:100%;display:flex;gap:24px;list-style:none;cursor:pointer}.navbar .nav-links a{text-decoration:none;font-weight:500;font-size:16px;line-height:150%;color:#1d2130}.navbar .nav-links a.active,.navbar .nav-links a:hover{color:#0c96e2}.navbar .icons{display:flex;gap:30px}.navbar .moon,.navbar .bars{background:none;border:none;width:30px;height:30px;cursor:pointer}.navbar .moon-icon,.navbar .bars-icon,.navbar .sun-icon{width:100%;height:100%}.navbar .bars{display:none}body.dark .navbar{background-color:#1b2431e2;color:#fff}body.dark .navbar .nav-links a{color:#fff}body.dark .navbar .nav-links a.active,body.dark .navbar .nav-links a:hover{color:#0c96e2}body.dark .navbar .bars-icon,body.dark .navbar .sun-icon{color:#fff}.mobile-menu{position:fixed;top:0;right:-260px;width:260px;height:100vh;background:#fff;display:flex;flex-direction:column;gap:30px;padding:100px 30px;transition:.3s ease;z-index:1000}.mobile-menu.open{right:0}.mobile-menu a{text-decoration:none;font-size:18px;font-weight:500;color:#1d2130;cursor:pointer}.mobile-menu a:hover{color:#0c96e2}.close-menu{position:absolute;top:30px;right:30px;font-size:28px;border:none;background:none;cursor:pointer}body.dark .mobile-menu{background:#1b2431}body.dark .mobile-menu a{color:#fff}body.dark .mobile-menu a:hover{color:#0c96e2}body.dark .close-menu{color:#fff}@media screen and (max-width:992px){.navbar{padding:40px 20px}.navbar .nav-links{display:none}.navbar .bars{display:block}}.hero{height:100%;margin-top:54px;margin-bottom:175px;background-image:url("data:image/svg+xml,%3csvg%20width='1366'%20height='459'%20viewBox='0%200%201366%20459'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M-30%20295.176C-11.901%20295.176%20125.651%20458.5%20307.676%20458.5C560.544%20458.5%20696.694%20-136.474%201052.84%2029.8421C1335.18%20161.695%201459.29%20175.803%201511%2084.1028'%20stroke='%23D3D5D6'/%3e%3cpath%20d='M-30%20154.099C-13.9695%20166.578%20125.651%20458.5%20307.676%20458.5C560.544%20458.5%20738.063%20-71.3618%201094.21%2094.9546C1376.55%20226.808%201421.02%20205.646%201511%20138.363'%20stroke='%23D3D5D6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;z-index:-2}.hero .back-color{max-width:800px;width:100%;height:680px;border-radius:50%;position:absolute;top:176px;left:-100px;z-index:-1;background:radial-gradient(circle,#c8edff,#bcd8fa00 65%)}.hero .hero-display{display:flex;justify-content:space-between;align-items:center;margin-top:165px}.hero .hero-text{max-width:560px;height:295px}.hero .hero-text span{font-weight:400}.hero .title{font-weight:700;font-size:55px;line-height:110%;margin-bottom:16px}.hero .description{max-width:370px;margin-bottom:30px;font-weight:400;font-size:18px;line-height:150%;color:#43495b}.hero .cv-btn{display:flex;justify-content:center;align-items:center;text-decoration:none;width:155px;height:50px;background:none;border:none;border-radius:6px;background-color:#fff9;color:#000;margin-bottom:40px;cursor:pointer;transition:all .3s ease}.hero .cv-btn:hover{background-color:#ffffffcf}.hero .hero-pic{display:flex;justify-content:center;align-items:center;max-width:437px;width:100%;min-height:444px;margin-top:20px}.hero .purple-circle{max-width:413px;width:100%;height:379px;background-color:#dfe1fa;border-radius:50%}.hero .cubes{max-width:437px;width:100%;min-height:444px;position:absolute;background-image:url("data:image/svg+xml,%3csvg%20width='438'%20height='325'%20viewBox='0%200%20438%20325'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cellipse%20cx='346.867'%20cy='44.7423'%20rx='5.94205'%20ry='6.46128'%20fill='%237B55EC'/%3e%3cellipse%20cx='404.059'%20cy='228.888'%20rx='9.65583'%20ry='10.4996'%20fill='%230C96E2'/%3e%3cellipse%20cx='4.45654'%20cy='320.154'%20rx='4.45654'%20ry='4.84596'%20fill='%23583FBC'/%3e%3crect%20width='54.6842'%20height='57.0191'%20rx='16'%20transform='matrix(0.846931%20-0.531703%200.468952%200.883224%209.39301%2029.0757)'%20fill='%23583FBC'/%3e%3crect%20width='37.7442'%20height='38.9178'%20rx='12'%20transform='matrix(0.803615%200.59515%20-0.530819%200.847485%20406.936%20117.436)'%20fill='%230C96E2'/%3e%3c/svg%3e");background-repeat:no-repeat}.hero .my-pic{max-width:470px;width:100%;height:444px;position:absolute;top:175px;background-image:url(/graduation-project/assets/my-picture_wipe_bg-n3VUlxgc.webp);background-repeat:no-repeat;background-position:center;background-size:contain}body.dark .hero .title,body.dark .hero .description{color:#fff}body.dark .hero .cv-btn{background-color:#0c97e29d;color:#fff}body.dark .hero .cv-btn:hover{background-color:#0a7dc0}@media screen and (max-width:992px){.hero{margin-bottom:90px;padding:0 20px}.hero .back-color{top:50px;left:-150px}.hero .hero-display{flex-direction:column;margin-top:170px;gap:50px}.hero .hero-text{text-align:center;padding-top:50px}.hero .title{font-size:40px}.hero .description{margin:0 auto 30px}.hero .hero-pic{margin-top:100px}.hero .my-pic{top:500px;margin-top:100px}.hero .cv-btn{margin-left:auto;margin-right:auto}}.about-me{display:flex;justify-content:space-between;transition:all .3s ease}.about-me .logos{max-width:450px;width:100%;height:530px;margin-bottom:125px}.about-me .logos .bg{position:relative;max-width:450px;width:100%;height:530px;background-image:url(/graduation-project/assets/Ellipse%202156%20small-DrCdANg0.png);background-repeat:no-repeat;background-position:center}.about-me .logos .bg .bg1{position:absolute;left:22px;bottom:23px;max-width:450px;width:100%;height:530px;background-image:url(/graduation-project/assets/Ellipse%202156%20small-DrCdANg0.png);background-position:center;background-repeat:no-repeat}.about-me .logos .bg .bg2{position:absolute;left:45px;bottom:47px;max-width:450px;width:100%;height:530px;background-image:url(/graduation-project/assets/Ellipse%202156%20small-DrCdANg0.png);background-position:center;background-repeat:no-repeat}.about-me .css-logo{position:absolute;top:37%;left:45%;width:65px;height:82px}.about-me .orbit{position:absolute;width:100%;height:100%}.about-me .orbit .icon{position:absolute}.about-me .icon1{top:10%;left:23%;width:65px;height:82px}.about-me .icon3{bottom:20%;left:70%;width:86px;height:83px}.about-me .icon4{top:55%;left:25%;width:80px;height:80px}.about-me .icon5{top:24%;right:10%;width:84px;height:84px}.about-me .main-content{max-width:500px;width:100%;margin-bottom:80px}.about-me .about-me-title{font-weight:600;font-size:40px;letter-spacing:3%;color:#1d2130;margin-bottom:12px}.about-me .about-me-des{font-weight:400;font-size:18px;line-height:28px;letter-spacing:3%;color:#1d2130;margin-bottom:40px}.about-me .label{display:block;font-weight:600;font-size:24px;letter-spacing:3%;color:#1d2130;margin-bottom:3px}.about-me input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:9px;border-radius:5px;pointer-events:none}.about-me .range.html{background:linear-gradient(to right,#0c96e2 95%,#edecec 95%)}.about-me .range.css{background:linear-gradient(to right,#0c96e2 93%,#edecec 93%)}.about-me .range.js{background:linear-gradient(to right,#0c96e2 84%,#edecec 84%)}.about-me .range.react{background:linear-gradient(to right,#0c96e2 89%,#edecec 89%)}.about-me input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:5px}.about-me input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background-color:#edecec;border:2px solid #0C96E2;border-radius:50%;margin-top:-6px;box-shadow:0 1px 8px #c4c4c4f0}.about-me .range-wrapper{position:relative;width:100%}.about-me .icon-wrapper{position:absolute;top:-28px;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.about-me .icon-wrapper .square-icon{color:#0c96e2;width:55px;height:29px}.about-me .icon-text{position:absolute;font-size:12px;color:#fff;font-weight:600;top:50%;left:50%;transform:translate(-50%,-50%)}body.dark .about-me .about-me-title,body.dark .about-me .about-me-des,body.dark .about-me .label,body.dark .about-me{color:#fff}@media screen and (max-width:992px){.about-me{flex-direction:column;align-items:center;text-align:center}.about-me .logos{display:none}}.education{margin-top:120px}.education .edu-title{text-align:center}.education .edu-title .edu-p{font-weight:500;font-size:20px;line-height:150%;color:#0c96e2}.education .edu-title .edu-text{font-weight:600;font-size:40px;line-height:120%;margin-bottom:88px;color:#1d2130}.education .ex-container{display:flex;justify-content:space-between;margin-bottom:107px}.education .ex{max-width:500px;width:100%;min-height:284px;padding:0 10px;display:flex}.education .dashed-line{position:relative;width:1px;height:284px;border:1.5px dashed black;margin-right:35px;z-index:-1}.education .ex-content{display:flex;flex-direction:column;justify-content:space-between}.education .wrapping{display:flex;align-items:center;gap:10px}.education .darkCircle{margin-left:-50px;width:30px;height:30px;color:#0c96e2}.education .ex-title{font-weight:500;font-size:25px;letter-spacing:-1.5%;color:#344054;margin-bottom:14px;margin-left:5px}.education .ex-p{font-weight:400;font-size:16px;letter-spacing:-1.5%;color:#98a2b3}body.dark .education .edu-text,body.dark .education .ex-title{color:#fff}body.dark .education .ex-p{color:#d0d5dd}body.dark .education .dashed-line{border-color:#fff}@media screen and (max-width:992px){.education .ex-container{flex-direction:column;align-items:center;gap:50px}}.tryme-container{margin-bottom:107px;position:relative;display:flex;min-height:348px}.blue-layer{width:100%;height:100%;border-radius:32px;background-color:#0c96e2;transform:rotate(-1.34deg);position:absolute;top:0;left:0}.purple-layer{width:100%;height:100%;border-radius:32px;background-color:#583fbc;background-image:url("data:image/svg+xml,%3csvg%20width='1366'%20height='459'%20viewBox='0%200%201366%20459'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M-30%20295.176C-11.901%20295.176%20125.651%20458.5%20307.676%20458.5C560.544%20458.5%20696.694%20-136.474%201052.84%2029.8421C1335.18%20161.695%201459.29%20175.803%201511%2084.1028'%20stroke='%23D3D5D6'/%3e%3cpath%20d='M-30%20154.099C-13.9695%20166.578%20125.651%20458.5%20307.676%20458.5C560.544%20458.5%20738.063%20-71.3618%201094.21%2094.9546C1376.55%20226.808%201421.02%20205.646%201511%20138.363'%20stroke='%23D3D5D6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:9px;display:flex;justify-content:space-between;align-items:center;padding:30px 90px}.try-text{max-width:560px;width:100%}.try-title{font-weight:600;font-size:48px;line-height:57.6px;color:#fff}.try-des{font-weight:400;font-size:20px;line-height:30px;color:#fff;margin-top:9px}.try-btn{width:155px;height:50px;border-radius:6px;border:none;background-color:#0c96e2;color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:14px;line-height:24px;transition:all .3s ease}.try-btn:hover{background-color:#0b7ab6}@media screen and (max-width:992px){.tryme-container{min-height:auto;margin-bottom:400px}.purple-layer{height:auto;flex-direction:column;gap:40px;padding:30px;text-align:center;left:0}.try-title{font-size:32px;line-height:40px}.try-des{font-size:16px;line-height:24px}}.projects.container{width:100%;height:fit-content;margin-bottom:100px}.projects.container .workspace-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px}.projects.container .portfolio{font-weight:500;font-size:20px;line-height:150%;color:#0c96e2}.projects.container .workspace-title{font-weight:600;font-size:40px;line-height:54px;max-width:390px;color:#1d2130}.projects.container .workspace-title span{color:#0c96e2}.projects.container .github-btn{width:163px;height:50px;border:none;border-radius:8px;background-color:#0c96e2;color:#fff;display:flex;justify-content:center;align-items:center;gap:9px;cursor:pointer;transition:all .3s ease}.projects.container .github-btn:hover{background-color:#0e80bd}.projects.container .workspace-content{width:100%;height:fit-content;display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px}.projects.container .card{max-width:350px;height:320px}.projects.container .project-pics{position:relative}.projects.container .project-pics img{width:100%;height:200px;border-radius:8px;margin-bottom:20px}.projects.container .black-hover{position:absolute;top:0;left:0;width:100%;height:220px;background:#0009;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:500;text-decoration:none;opacity:0;transition:.3s}.projects.container .project-pics:hover .black-hover{opacity:1}.projects.container .card h3{font-weight:600;font-size:22px;line-height:150%;color:#1d2130}.projects.container .techs{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-weight:400;font-size:16px;line-height:150%;color:#1d2130}.projects.container .arrow-share{color:#0c96e2;width:35px;height:35px}body.dark .projects.container .workspace-title,body.dark .projects.container .card h3{color:#fff}body.dark .projects.container .techs{color:#d0d5dd}@media screen and (max-width:992px){.projects.container .workspace-content{flex-direction:column;align-items:center}.projects.container .workspace-text{flex-direction:column;align-items:center;gap:35px}.projects.container .portfolio,.projects.container .workspace-title{text-align:center}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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{transform:translateZ(0);backface-visibility:hidden}.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{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.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-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.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{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.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)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.project-details{margin-top:120px}.project-wrapper{display:flex;align-items:center;gap:60px;margin-bottom:80px}.project-image img{width:500px;border-radius:15px}.project-info{max-width:500px}.project-info h2{font-size:32px;margin-bottom:10px}.project-date{color:#888;margin-bottom:15px}.project-description{line-height:1.6;margin-bottom:20px}.github-btn{display:inline-block;padding:12px 22px;background-color:#0c96e2;color:#fff;border-radius:8px;text-decoration:none;margin-top:30px}.more-projects-title{margin-bottom:40px;font-size:28px}.carousel-card{background:#fff;padding:15px;border-radius:12px;text-align:center;box-shadow:0 5px 15px #0000000d}.carousel-card img{width:100%;border-radius:10px;margin-bottom:10px}.open-project{display:inline-block;margin-top:10px;color:#0c96e2;text-decoration:none}.back-btn{border:none;background:none;font-size:30px;margin-bottom:15px;cursor:pointer;transition:.3s ease}.carousel-wrapper{position:relative;margin-top:40px}.carousel-arrows{display:flex;justify-content:flex-end;gap:12px;margin-bottom:20px}.swiper-button-prev-custom,.swiper-button-next-custom{background:#0c96e2;color:#fff;border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:.3s ease}.swiper-button-prev-custom:hover,.swiper-button-next-custom:hover{transform:scale(1.1)}body.dark .project-details{color:#fff}body.dark .carousel-card{background:#2a3443;color:#fff}body.dark .back-btn{color:#fff}@media screen and (max-width:992px){.project-wrapper{flex-direction:column;align-items:center;text-align:center;gap:40px}.project-image img{width:100%;max-width:420px}.project-info{max-width:100%}.github-btn{margin:25px auto auto}.more-projects-title{text-align:center}.carousel-arrows{justify-content:center}}.left-arrow{margin-top:10px}@media screen and (max-width:576px){.project-details{margin-top:100px}.project-image img{max-width:100%}.project-info h2{font-size:26px}.project-description{font-size:15px}.github-btn{padding:10px 18px;font-size:14px;margin-top:20px}.carousel-card{padding:12px}.carousel-card h4{font-size:16px}.swiper-button-prev-custom,.swiper-button-next-custom{width:38px;height:38px;font-size:18px}}.contact{margin-top:90px;margin-bottom:90px}.contact-title{font-weight:500;font-size:20px;line-height:150%;color:#0c96e2}.contact-description{font-weight:600;font-size:40px;line-height:54px;margin-top:8px;margin-bottom:56px}.contact-description span{color:#0c96e2}.contact-container{display:flex;justify-content:space-between;gap:60px}.contact-content{display:flex;flex-direction:column;gap:50px}.telephone,.email,.address{display:flex;gap:20px}.contact-w-title{font-weight:400;font-size:16px;line-height:14px;color:#92929d;margin-bottom:16px}.contact-w-des{font-weight:500;font-size:16px;line-height:18px}.icon-square{background-color:#0c96e2;color:#fff;border-radius:8px;width:61px;height:56px;display:flex;justify-content:center;align-items:center;font-size:28px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:600px;width:100%}.contact-input{width:100%;padding:16px;border-radius:10px;border:1px solid #ddd;font-size:16px;outline:none}.phone{grid-column:span 2}.message{grid-column:span 2;height:140px;resize:none}.send-btn{grid-column:span 2;width:180px;padding:14px;border:none;border-radius:8px;background:#0c96e2;color:#fff;font-size:16px;cursor:pointer;transition:.3s}.send-btn:hover{background:#0a7fc0}body.dark .contact-w-des{color:#fff}body.dark .contact-input{background:#2a3443;border:1px solid #3d4a5c;color:#fff}body.dark .contact-input::placeholder{color:#c9d1d9}body.dark .contact-description{color:#fff}@media screen and (max-width:992px){.contact-container{flex-direction:column}.contact-form{grid-template-columns:1fr}.phone,.message,.send-btn{grid-column:span 1}}.footer{margin-top:80px;padding-bottom:30px}.footer-line{width:100%;height:1px;background:#dcdcdc;margin-bottom:30px}.footer-container{display:flex;justify-content:space-between;align-items:center;font-size:14px}.footer-center span{font-weight:600}.footer-social{display:flex;gap:15px}.footer-social a{width:32px;height:32px;border-radius:50%;background:#0c96e2;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;text-decoration:none;transition:.3s}.footer-social a:hover{transform:scale(1.1)}body.dark .footer-line{background:#2f3b4a}body.dark .footer-container{color:#fff}@media screen and (max-width:768px){.footer-container{flex-direction:column;gap:20px;text-align:center}}.scroll-top{position:fixed;bottom:90px;right:30px;width:45px;height:45px;border:none;border-radius:50%;background:#0c96e2;color:#fff;display:flex;justify-content:center;align-items:center;font-size:22px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:999}.scroll-top.show{opacity:1;pointer-events:auto}.scroll-top:hover{transform:scale(1.1)}body.dark .scroll-top{background:#0c96e2;color:#fff}