.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:var(--card-bg-color);padding:1rem 0;transition:box-shadow .3s ease,background-color .3s ease;border-bottom:1px solid var(--border-color)}.navbar.scrolled{box-shadow:var(--box-shadow)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--primary-color);transition:var(--transition)}.navbar-logo:hover{color:var(--secondary-color)}.navbar-logo-icon{margin-right:.5rem;font-size:1.75rem}.navbar-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--primary-color);z-index:1002;transition:color .3s ease}@media(max-width:768px){.navbar-toggle{display:block}}.navbar-menu{display:flex;list-style:none}@media(max-width:768px){.navbar-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:var(--background-color);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease,background-color .3s ease,box-shadow .3s ease;box-shadow:var(--box-shadow);padding:2rem 0;z-index:1001}.navbar-menu.active{right:0}.navbar-menu.active .navbar-item{opacity:0;animation:fadeInRight .5s forwards}.navbar-menu.active .navbar-item:nth-child(1){animation-delay:.1s}.navbar-menu.active .navbar-item:nth-child(2){animation-delay:.2s}.navbar-menu.active .navbar-item:nth-child(3){animation-delay:.3s}.navbar-menu.active .navbar-item:nth-child(4){animation-delay:.4s}.navbar-menu.active .navbar-item:nth-child(5){animation-delay:.5s}}.navbar-item{margin:0 1rem}@media(max-width:768px){.navbar-item{margin:.75rem 0;width:80%;text-align:center}}.navbar-link{color:var(--text-color);font-weight:500;position:relative;padding:.5rem 0;transition:color .3s ease}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease,background-color .3s ease}.navbar-link:hover{color:var(--primary-color)}.navbar-link:hover:after{width:100%}@media(max-width:768px){.navbar-link{display:block;padding:.75rem 1rem;border-radius:var(--border-radius);transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease,border-color .3s ease;background-color:var(--hover-bg-color);border:1px solid var(--border-color)}.navbar-link:after{display:none}.navbar-link:hover,.navbar-link:active,.navbar-link:focus,.navbar-link.touched{background-color:var(--primary-color);color:var(--light-text-color);transform:translateY(-3px);box-shadow:var(--box-shadow);border-color:var(--primary-color)}}.navbar-item.active .navbar-link{color:var(--primary-color)}.navbar-item.active .navbar-link:after{width:100%}@media(max-width:768px){.navbar-item.active .navbar-link{background-color:var(--primary-color);color:var(--light-text-color)}}.navbar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:1000;animation:fadeIn .3s ease;-webkit-tap-highlight-color:transparent}[data-theme=dark] .navbar-overlay{background-color:#000000b3}.navbar .theme-toggle{margin-left:1rem;background:transparent;border:1px solid var(--border-color);color:var(--primary-color);font-size:1rem;padding:.4rem .6rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.navbar .theme-toggle:hover{background-color:var(--hover-bg-color);border-color:var(--primary-color)}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer{background-color:#1e293b;color:#e2e8f0;padding:4rem 0 2rem;border-top:1px solid var(--border-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.footer a{color:#e2e8f0;transition:var(--transition)}.footer a:hover{color:var(--primary-color)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:3rem;border-bottom:1px solid rgba(226,232,240,.1);padding-bottom:2rem;transition:border-color .3s ease}@media(max-width:768px){.footer-content{grid-template-columns:1fr}}.footer-logo a{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;display:block;color:#fff}.footer-logo p{color:var(--accent-color);font-size:1rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-links-column h3{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative;color:#fff}.footer-links-column h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--primary-color)}.footer-links-column ul{list-style:none;padding:0}.footer-links-column ul li{margin-bottom:.75rem}.footer-links-column ul li a{display:inline-block;transition:var(--transition)}.footer-links-column ul li a:hover{transform:translate(5px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media(max-width:576px){.footer-bottom{flex-direction:column-reverse;text-align:center}}.footer .social-links{display:flex;gap:1rem}.footer .social-links a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#e2e8f01a;border-radius:50%;font-size:1.2rem;transition:var(--transition)}.footer .social-links a:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.footer .copyright{font-size:.9rem;opacity:.8}.layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.main-content{flex:1;background-color:var(--background-color);color:var(--text-color);padding-top:80px;transition:background-color .3s ease,color .3s ease}.hero{height:calc(100vh - 80px);position:relative;display:flex;align-items:center;background-color:var(--background-color);overflow:hidden;padding-bottom:4rem;transition:background-color .3s ease}@media(max-width:576px){.hero{padding-bottom:6rem;height:auto;min-height:calc(100vh - 80px);padding-top:2rem}}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,var(--hover-bg-color) 0%,rgba(0,0,0,.01) 90%);z-index:-1;transition:background .3s ease}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;width:100%}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center;margin-top:2rem;gap:1rem}}@media(max-width:576px){.hero-container{margin-bottom:3rem}}.hero-content{z-index:1}@media(max-width:576px){.hero-content{order:2}}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-color);transition:color .3s ease}.hero-title .highlight{color:var(--primary-color);position:relative;transition:color .3s ease}.hero-title .highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background-color:var(--accent-color);z-index:-1;opacity:.5;transition:background-color .3s ease}@media(max-width:576px){.hero-title{font-size:2.5rem}}.hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;color:var(--secondary-color);transition:color .3s ease}@media(max-width:576px){.hero-subtitle{font-size:1.25rem}}.hero-description{font-size:1.1rem;margin-bottom:2rem;max-width:600px;line-height:1.8;color:var(--text-color);transition:color .3s ease}@media(max-width:768px){.hero-description{margin:0 auto 2rem}}@media(max-width:576px){.hero-description{font-size:1rem}}.hero-buttons{display:flex;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.hero-buttons{justify-content:center}}@media(max-width:576px){.hero-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto 1rem}}.hero-image-container{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1}@media(max-width:768px){.hero-image-container{margin-bottom:1.5rem}}.hero-image{display:flex;justify-content:center;align-items:center;z-index:1}@media(max-width:768px){.hero-image{order:1}}@media(max-width:576px){.hero-image{margin-top:1rem}}.hero-image .image-container{width:350px;height:350px;border-radius:50%;overflow:hidden;box-shadow:var(--box-shadow);border:5px solid var(--accent-color);transition:border-color .3s ease,box-shadow .3s ease}@media(max-width:576px){.hero-image .image-container{width:220px;height:220px}}.hero-image .image-container img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.hero-image .image-container img:hover{transform:scale(1.05)}.hero-scroll{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--text-color);font-size:.9rem;opacity:.7;transition:var(--transition);cursor:pointer;z-index:10;width:auto;pointer-events:none}@media(max-width:576px){.hero-scroll{bottom:.5rem}.hero-scroll .scroll-indicator{width:24px;height:40px;margin-bottom:.25rem}.hero-scroll span{font-size:.8rem}}.hero-scroll .scroll-indicator{width:30px;height:50px;border:2px solid var(--text-color);border-radius:15px;margin-bottom:.5rem;position:relative;transition:border-color .3s ease}.hero-scroll .scroll-indicator:after{content:"";width:8px;height:8px;background-color:var(--text-color);border-radius:50%;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:scrollDown 1.5s infinite;transition:background-color .3s ease}@keyframes scrollDown{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(20px);opacity:0}}.tech-stack{background-color:var(--background-color);padding:5rem 0;transition:background-color .3s ease}.tech-stack .section-header{text-align:center;margin-bottom:3rem}.tech-stack .section-header .section-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;position:relative;display:inline-block}.tech-stack .section-header .section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--primary-color);border-radius:2px}.tech-stack .section-header .section-subtitle{font-size:1.1rem;color:var(--text-color);max-width:600px;margin:0 auto}.tech-stack .tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tech-stack .tech-category{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);transition:var(--transition),background-color .3s ease}.tech-stack .tech-category:hover{transform:translateY(-5px)}.tech-stack .tech-category h3{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-color)}.tech-stack .tech-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem}.tech-stack .tech-item{display:flex;flex-direction:column;align-items:center;text-align:center;transition:var(--transition)}.tech-stack .tech-item:hover{transform:translateY(-5px)}.tech-stack .tech-item:hover .tech-icon{transform:scale(1.1);box-shadow:0 5px 15px #00000026}.tech-stack .tech-item:hover .tech-name{color:var(--primary-color);font-weight:600}.tech-stack .tech-icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:var(--card-bg-color);border-radius:50%;margin-bottom:.75rem;font-size:1.75rem;transition:var(--transition),background-color .3s ease;box-shadow:0 3px 10px #00000014}.tech-stack .combined-icon{position:relative;display:flex;align-items:center;justify-content:center}.tech-stack .shield-icon{position:absolute;font-size:.8em;bottom:-5px;right:-5px;color:#00a758}.tech-stack .tech-name{font-size:.9rem;font-weight:500;transition:var(--transition);color:var(--text-color)}@media(max-width:576px){.tech-stack .tech-items{grid-template-columns:repeat(2,1fr)}.tech-stack .tech-icon{width:50px;height:50px;font-size:1.5rem}.tech-stack .shield-icon{font-size:.7em}}.home-page{min-height:100vh}.page{min-height:100vh;padding:8rem 0 4rem;background-color:var(--background-color)}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--primary-color);border-radius:2px}.page-header p{font-size:1.1rem;color:var(--text-color);max-width:600px;margin:0 auto}.page-content{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);transition:background-color .3s ease,box-shadow .3s ease;color:var(--text-color)}.page .placeholder-text{text-align:center;padding:3rem 0;color:var(--text-color);font-size:1.2rem;opacity:.7}.about-page .bio-section{margin-bottom:3rem}.about-page .bio-section h2{font-size:1.8rem;color:var(--primary-color);margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.about-page .bio-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--primary-color)}.about-page .bio-section .bio-content{font-size:1.1rem;line-height:1.8;color:var(--text-color)}.about-page .bio-section .bio-content p{margin-bottom:1rem}.about-page .timeline-section{margin-bottom:3rem}.about-page .timeline-section h2{font-size:1.8rem;color:var(--primary-color);margin-bottom:2rem;position:relative;padding-bottom:.5rem}.about-page .timeline-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--primary-color)}.about-page .timeline-section .timeline{position:relative;max-width:1200px;margin:0 auto}.about-page .timeline-section .timeline:after{content:"";position:absolute;width:4px;background-color:var(--accent-color);top:0;bottom:0;left:50%;transform:translate(-50%)}@media(max-width:576px){.about-page .timeline-section .timeline:after{left:31px}}.about-page .timeline-section .timeline .timeline-item{padding:10px 40px;position:relative;width:50%;box-sizing:border-box;margin-bottom:30px}@media(max-width:576px){.about-page .timeline-section .timeline .timeline-item{width:100%;padding-left:70px;padding-right:25px}}.about-page .timeline-section .timeline .timeline-item:nth-child(odd){left:0}.about-page .timeline-section .timeline .timeline-item:nth-child(odd) .timeline-icon{right:-20px}@media(max-width:576px){.about-page .timeline-section .timeline .timeline-item:nth-child(odd) .timeline-icon{left:10px;right:auto}}.about-page .timeline-section .timeline .timeline-item:nth-child(2n){left:50%}@media(max-width:576px){.about-page .timeline-section .timeline .timeline-item:nth-child(2n){left:0}}.about-page .timeline-section .timeline .timeline-item:nth-child(2n) .timeline-icon{left:-20px}@media(max-width:576px){.about-page .timeline-section .timeline .timeline-item:nth-child(2n) .timeline-icon{left:10px}}.about-page .timeline-section .timeline .timeline-item .timeline-content{padding:20px;background-color:#000;position:relative;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition)}.about-page .timeline-section .timeline .timeline-item .timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.about-page .timeline-section .timeline .timeline-item .timeline-content h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:.5rem}.about-page .timeline-section .timeline .timeline-item .timeline-content .timeline-date{font-size:.9rem;font-weight:600;color:var(--secondary-color);margin-bottom:1rem;display:block}.about-page .timeline-section .timeline .timeline-item .timeline-content p{margin-bottom:0;line-height:1.6}.about-page .timeline-section .timeline .timeline-item .timeline-icon{position:absolute;width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;z-index:2;top:20px;box-shadow:0 2px 5px #0003;transition:all .3s ease}.about-page .timeline-section .timeline .timeline-item .timeline-icon:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.projects-page .projects-grid{display:flex;flex-direction:column;gap:3rem;margin-bottom:2rem}.projects-page .project-card{background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.projects-page .project-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;transition:border-color .3s ease}.projects-page .project-header h2{font-size:1.8rem;font-weight:600;color:var(--text-color);margin:0;transition:color .3s ease}.projects-page .project-header .project-title{display:flex;flex-direction:column;gap:.4rem}.projects-page .project-header .project-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;line-height:1;color:var(--text-color)}.project-links{display:flex;gap:1rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.project-link.github{background-color:#333;color:#fff}.project-link.github:hover{background-color:#000}.project-link.live{background-color:var(--primary-color);color:var(--light-text-color)}.project-link.live:hover{background-color:var(--secondary-color)}.project-image{width:100%;height:400px;overflow:hidden;position:relative}.project-image .swiper,.project-image .swiper-slide{width:100%;height:100%}.project-image .swiper-slide img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease}.project-image .swiper-button-next,.project-image .swiper-button-prev{color:var(--primary-color)}.project-image .swiper-pagination-bullet-active{background:var(--primary-color)}.project-description{padding:2rem}.project-description h3{font-size:1.4rem;font-weight:600;color:var(--text-color);margin-top:0;margin-bottom:1rem;transition:color .3s ease}.project-description p{margin-bottom:1rem;line-height:1.6;color:var(--text-color);transition:color .3s ease}.project-video{padding:0 2rem 2rem}.project-video h3{font-size:1.4rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;transition:color .3s ease}.project-video .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:box-shadow .3s ease}.project-video .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.lightbox{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 25px 60px #00000080}.lightbox .lightbox-prev,.lightbox .lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:2rem;padding:1rem 1.5rem;cursor:pointer;border-radius:var(--border-radius);transition:background .2s ease;z-index:1001}.lightbox .lightbox-prev:hover,.lightbox .lightbox-next:hover{background:var(--primary-color)}.lightbox .lightbox-prev{left:2rem}.lightbox .lightbox-next{right:2rem}.status-led{width:10px;height:10px;border-radius:50%;background:var(--led-color);position:relative;box-shadow:0 0 6px var(--led-color),0 0 12px var(--led-color);animation:ledPulse 1.8s infinite ease-in-out}@keyframes ledPulse{0%{transform:scale(1);box-shadow:0 0 4px var(--led-color),0 0 8px var(--led-color);opacity:.9}50%{transform:scale(1.15);box-shadow:0 0 10px var(--led-color),0 0 20px var(--led-color);opacity:1}to{transform:scale(1);box-shadow:0 0 4px var(--led-color),0 0 8px var(--led-color);opacity:.9}}@media screen and (max-width:768px){.project-header{flex-direction:column;align-items:flex-start;padding:1.5rem}.project-header h2{margin-bottom:.5rem}.project-image{height:250px}.project-description,.project-video{padding:1.5rem}}: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) ::slotted(svg),: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 ::slotted(.swiper-navigation-icon),.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) ::slotted(.swiper-navigation-icon),: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) ::slotted(.swiper-navigation-icon),: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) ::slotted(.swiper-navigation-icon),: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) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.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);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.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));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.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.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:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.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 .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 .swiper-pagination-progressbar-fill{transform-origin:right top}.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);left:0;top: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%;left:0;top:0}.swiper-pagination-lock{display:none}.socials-page .socials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.socials-page .social-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background-color:var(--card-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.socials-page .social-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.socials-page .social-card h3{margin:1rem 0 .5rem;font-size:1.4rem;font-weight:600;color:var(--text-color);transition:color .3s ease}.socials-page .social-card p{color:var(--text-color);margin-bottom:1.5rem;transition:color .3s ease}.socials-page .social-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2.5rem;color:#fff}.socials-page .social-icon.linkedin{background-color:#0077b5}.socials-page .social-icon.twitter{background-color:#1da1f2}.socials-page .social-icon.github{background-color:#333}.socials-page .social-btn{padding:.6rem 1.5rem;background-color:var(--primary-color);color:var(--light-text-color);border-radius:2rem;text-decoration:none;font-weight:500;transition:background-color .3s ease}.socials-page .social-btn:hover{background-color:var(--secondary-color)}.socials-page .email-cta{margin-top:3rem;padding:3rem;background-color:var(--card-bg-color);border-radius:var(--border-radius);text-align:center;display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease}.socials-page .email-cta h2{margin:1rem 0;font-size:1.8rem;font-weight:600;color:var(--text-color);transition:color .3s ease}.socials-page .email-cta p{margin-bottom:1.5rem;font-size:1.1rem;max-width:500px;color:var(--text-color);transition:color .3s ease}.socials-page .email-cta .email-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--hover-bg-color);color:var(--primary-color);font-size:2.5rem;box-shadow:var(--box-shadow);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.socials-page .email-cta .cta-btn{padding:1rem 2.5rem;background-color:var(--primary-color);color:var(--light-text-color);border-radius:2rem;text-decoration:none;font-weight:500;font-size:1.1rem;transition:background-color .3s ease,transform .3s ease}.socials-page .email-cta .cta-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}@media screen and (max-width:768px){.socials-page .socials-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 2rem}.socials-page .email-cta{padding:2rem}}:root{--primary-color: #FF6B00;--secondary-color: #ff8c00;--accent-color: #ffad33;--background-color: #111111;--text-color: #f0f0f0;--light-text-color: #ffffff;--border-color: #2a2a2a;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--box-shadow: 0 4px 6px rgba(0, 0, 0, .3);--transition: all .3s ease;--border-radius: 8px;--card-bg-color: #1a1a1a;--hover-bg-color: rgba(255, 107, 0, .08);--icon-dark-color: #ffffff}[data-theme=light]{--primary-color: #0077b6;--secondary-color: #00b4d8;--accent-color: #90e0ef;--background-color: #f5f7fa;--text-color: #2c3e50;--light-text-color: #ffffff;--border-color: #e1e5ea;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--box-shadow: 0 4px 6px rgba(0, 0, 0, .05);--transition: all .3s ease;--border-radius: 8px;--card-bg-color: #ffffff;--hover-bg-color: rgba(0, 119, 182, .05);--icon-dark-color: #181717}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:hover{color:var(--secondary-color)}button{cursor:pointer;border:none;background-color:var(--primary-color);color:var(--light-text-color);padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition)}button:hover{background-color:var(--secondary-color)}button:disabled{opacity:.7;cursor:not-allowed}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.grid{display:grid}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--light-text-color);border-radius:var(--border-radius);transition:var(--transition);text-align:center}.btn:hover{background-color:var(--secondary-color);color:var(--light-text-color)}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--light-text-color)}
