*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;scroll-behavior:smooth}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:background-color .3s ease,backdrop-filter .3s ease;background-color:transparent;backdrop-filter:none}.header.scrolled{background-color:#10172c;box-shadow:0 4px 6px rgba(0,0,0,.2);backdrop-filter:blur(8px)}a{color:inherit;text-decoration:none}li a{position:relative;color:#b7d7ea;font-weight:400;transition:.3s ease-in-out}li a:hover{color:#fff}section{padding:80px 20px;min-height:100vh;width:100%;position:relative}button,input,textarea{border:none;outline:none;background:none;background-color:transparent}footer{text-align:center;padding:2rem 0;background-color:#10172c;color:#b7d7ea;font-size:.875rem}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.6;color:#d1d5db}@media(max-width:768px){body{font-size:14px;line-height:1.6;color:#d1d5db}}h1{color:#3b82f6;font-size:4rem;font-weight:500}h2{font-size:1.8rem;font-weight:350}h3{font-size:52px;font-weight:600;margin-bottom:10px;color:#e2eff6;position:relative}h3:after{content:"";display:block;width:80px;height:3px;background:#3b82f6;margin:10px auto 0;border-radius:2px}h4{font-size:1.4rem;margin-bottom:20px;color:#fff}h5{font-size:1.5rem;font-weight:500;color:#10172c}@media(max-width:768px){h1{font-size:2.5rem;font-weight:600}h2{font-size:1rem;font-weight:250}h3{font-size:32px;font-weight:500}}.btn-primary{width:12rem;border-radius:.5rem;padding:.8rem 1rem;color:#e2eff6;font-weight:500;background-color:#3b82f6;cursor:pointer;transition:.2s ease-in-out}.btn-primary:hover{background-color:#10172c;color:#fff}.btn-secondary{width:12rem;border-radius:.5rem;padding:.8rem 1rem;background-color:#e2eff6;color:#10172c;font-weight:500;cursor:pointer;transition:.2s ease-in-out}.btn-secondary:hover{background-color:#d1d5db}.project-card[data-v-945e76c6]{background:#162032;border-radius:16px;padding:35px 25px;text-align:left;color:#fff;transition:.3s;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 8px 20px rgba(0,0,0,.25);display:flex;gap:25px}.project-card[data-v-945e76c6]:hover{transform:translateY(-5px);background:#1b263a}.project-card img[data-v-945e76c6]{width:auto;height:275px;border-radius:8px;margin-top:12px;-o-object-fit:cover;object-fit:cover}.tech-stack[data-v-945e76c6]{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}.tech-stack li[data-v-945e76c6]{display:flex;align-items:center;gap:5px;background:#0f172a;padding:8px 12px;border-radius:8px;font-size:.9rem}.tech-stack li i[data-v-945e76c6]{font-size:1.2rem;color:#3b82f6}@media(max-width:768px){.project-card[data-v-945e76c6]{flex-direction:column;padding:25px 18px;gap:20px}.project-card img[data-v-945e76c6]{width:100%;height:auto;margin:0}.tech-stack li[data-v-945e76c6]{padding:6px 10px;font-size:12px}.tech-stack li i[data-v-945e76c6]{font-size:16px}}@media(max-width:480px){.project-card[data-v-945e76c6]{padding:20px 15px}.project-left-card h4[data-v-945e76c6]{font-size:1.1rem}.project-left-card p[data-v-945e76c6]{font-size:14px}.tech-stack li[data-v-945e76c6]{padding:6px 10px;font-size:12px}.tech-stack li i[data-v-945e76c6],.tech-stack li p[data-v-945e76c6]{font-size:12px}}.project-left-card[data-v-945e76c6]{display:flex;flex-direction:column}.project-left-card p[data-v-945e76c6]{text-align:justify}.project-left-card .icon[data-v-945e76c6]{width:52px;height:52px;border-radius:12px;background:#1e3a8a;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.project-left-card .icon i[data-v-945e76c6]{font-size:22px;color:#a5c4ff}: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-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}}.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}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{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));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{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-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - var(--swiper-navigation-size)/2);margin-left:0}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto;.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;.swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.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));display:inline-block;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);button&{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable &{cursor:pointer}&: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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.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,rgba(0,0,0,.25));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}}.swiper-pagination-lock{display:none}.logo{color:#e2eff6;font-size:1.5rem;font-weight:600;text-wrap:nowrap}.logo:hover{transform:scale(1.1)}.nav-links{display:flex;gap:1.5rem}#menu-icon{font-size:1.5rem;display:none}.home{display:flex;align-items:center;justify-content:center;color:#e2eff6;background:url(/img/background_work_op.94b77f0e.png) 50%/cover no-repeat}.home:before{content:"";position:absolute;inset:0;background:rgba(16,23,44,.6);backdrop-filter:blur(4px);z-index:1}.home-container{z-index:2}.home-titles{flex-wrap:wrap;gap:12px;font-size:4rem;font-weight:400}.home-box,.home-titles{display:flex;justify-content:center}.home-box{flex-direction:column;text-align:center;align-items:center;gap:2rem}.home-btn-group{gap:1rem}.about,.home-btn-group{display:flex;justify-content:center}.about{background:#10172c;color:#e2eff6}.about-container{max-width:1300px;text-align:center}.about-box{display:flex;flex-direction:column;gap:20px}.present-box{width:100%;padding:0 2rem;align-items:center;display:flex;gap:20px}.present-box img{width:150px;height:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #1f2937;box-shadow:0 0 10px rgba(0,0,0,.4)}.about-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1300px}.about-grid .about-card{background:#162032;border-radius:16px;padding:35px 25px;text-align:left;color:#fff;transition:.3s;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 8px 20px rgba(0,0,0,.25)}.about-grid .about-card:hover{transform:translateY(-5px);background:#1b263a}.about-grid .about-card .icon{width:52px;height:52px;border-radius:12px;background:#1e3a8a;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.about-grid .about-card .icon i{font-size:22px;color:#a5c4ff}.skills{background:#1e2738}.skills,.skills-container{display:flex;justify-content:center}.skills-container{flex-direction:column;max-width:1300px;width:100%;text-align:center;align-items:center}.swiper{width:90%;display:flex;justify-content:center}.skill-card{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:#0f172a;padding:30px;height:400px;border-radius:16px;color:#e2eff6;box-shadow:0 3px 10px rgba(0,0,0,.3);transition:.3s ease}.skill-card:hover{transform:translateY(-5px)}.skill-card:active{cursor:grabbing}.swiper-slide-button{color:#3b82f6;cursor:pointer;z-index:10}.skills-card-wrapper{max-width:980px;margin:0 40px 25px;padding:20px 10px;overflow:hidden}.skill-item{margin-bottom:25px;text-align:left;display:flex;flex-direction:column;gap:5px}.skill-item span{font-size:1rem}.skill-item .percent{color:#60a5fa;font-weight:600;align-self:flex-end;margin-top:-22px}.progress-bar{width:100%;height:8px;background:#334155;border-radius:10px;overflow:hidden}.progress-bar .progress{height:100%;background:#3b82f6;border-radius:10px;transition:width .7s ease}.projects{background:#10172c;display:flex;justify-content:center;color:#e2eff6}.projects-container{max-width:1300px;text-align:center}.project-box{display:flex;flex-direction:column;gap:20px}.contact{display:flex;align-items:center;justify-content:center;color:#e2eff6;text-align:center;overflow:hidden;padding-top:2rem;background:url(/img/phones.bed59ac3.png) 50%/cover no-repeat}.contact-container{display:flex;position:relative;z-index:2;left:15%;gap:2rem}.contact .details-box{display:flex;gap:1rem;margin-right:3rem;align-items:center}.contact-box{gap:2rem;margin-right:1rem;justify-content:left}.contact-box,.details-text{display:flex;flex-direction:column;text-align:left}.details-text{gap:.2rem;color:#10172c}.details-box h2{font-size:1rem;font-weight:500}.contact-icon{padding:.8rem .5rem;width:3rem;font-size:1.5rem}.contact .form-box,.contact-icon{background-color:#10172c;border-radius:.5rem}.contact .form-box{position:relative;width:40%;display:flex;flex-direction:column;gap:1rem;padding:2rem 3rem 6rem 3rem;justify-content:center}.form-box h1{font-size:2.5rem;font-weight:500}.form-box p{color:#d1d5db;margin-bottom:1rem}.contact-form{display:flex;flex-direction:column;gap:1rem;align-items:center}input,textarea{width:80%;background-color:#1e293b;border:1px solid #334155;color:#fff;padding:.5rem .75rem;border-radius:.375rem;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}input::-moz-placeholder,textarea::-moz-placeholder{color:#64748b}input::placeholder,textarea::placeholder{color:#64748b}@media(max-width:768px){header{justify-content:space-between;padding:1rem}.nav-links{position:absolute;top:100%;right:0;background:#10172c;backdrop-filter:blur(8px);width:100vw;height:100vh;flex-direction:column;gap:2.5rem;padding:1.5rem 0;align-items:center;font-size:1.5rem;display:none}.nav-links.show{display:flex}#menu-icon{display:block;cursor:pointer;color:#e2eff6}.home-box{gap:4rem}.home-titles{display:flex;gap:0;font-size:1.5rem;font-weight:500;margin-bottom:1rem}.home-btn-group,.home-titles,.present-box{flex-direction:column}.present-box{padding:.5rem;display:flex;gap:10px}.present-box img{width:200px;height:200px}.about-grid{grid-template-columns:1fr;margin-top:1rem}.swiper-slide-button{display:none}.skills-card-wrapper{margin:0 10px 25px;padding:10px 0}.contact{padding:2rem 1rem;background-position:50%;background-size:cover}.contact-container{flex-direction:column;align-items:center;justify-content:center;left:0;gap:2rem;width:100%}.contact-box{width:100%;padding:1rem;margin-right:0;gap:1rem;align-items:flex-start}.details-box{flex-direction:row;margin-right:0;width:100%}.details-text{text-align:left}.contact-icon{width:2.8rem;font-size:1.2rem}.contact .form-box{width:85%;padding:2rem;border-radius:.5rem;gap:1.5rem}.form-box h1{font-size:1.4rem}.form-box p{display:none}.contact-form,.contact-form input,.contact-form textarea{width:100%}}