*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Montserrat',sans-serif;line-height:1.6;color:var(--text-secondary);background:var(--bg-primary);overflow-x:hidden;transition:background-color 0.3s ease,color 0.3s ease}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.img-skeleton-wrapper{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--bg-secondary) 0%,#e0e0e0 50%,var(--bg-secondary) 100%);background-size:200% 100%}.img-skeleton-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:skeleton-shimmer 1.5s infinite;z-index:1}.img-skeleton-wrapper img{opacity:0;transition:opacity 0.3s ease}.img-skeleton-wrapper.loaded{background:none}.img-skeleton-wrapper.loaded::before{display:none}.img-skeleton-wrapper.loaded img{opacity:1}[data-theme="dark"] .img-skeleton-wrapper{background:linear-gradient(90deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%);background-size:200% 100%}[data-theme="dark"] .img-skeleton-wrapper::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent)}.prototype-thumbnail.img-skeleton-wrapper{width:100%;aspect-ratio:16 / 9;border-radius:12px 12px 0 0}.prototype-thumbnail.img-skeleton-wrapper img{width:100%;height:100%;object-fit:cover}.portfolio-image.img-skeleton-wrapper{width:100%;aspect-ratio:16 / 10;border-radius:12px 12px 0 0}.portfolio-image.img-skeleton-wrapper img{width:100%;height:100%;object-fit:cover}.client-logo-wrapper.img-skeleton-wrapper{width:150px;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center}.client-logo-wrapper.img-skeleton-wrapper img{max-width:100%;max-height:100%;object-fit:contain}:root{--dark-red:#8B0000;--light-red:#B22222;--white:#FFFFFF;--black:#000000;--dark-grey:#2A2A2A;--medium-grey:#666666;--light-grey:#CCCCCC;--tech-gradient:linear-gradient(135deg,var(--dark-red),var(--light-red));--bg-primary:#FFFFFF;--bg-secondary:#f8f9fa;--bg-card:#FFFFFF;--text-primary:#000000;--text-secondary:#333333;--text-muted:#666666;--border-color:#CCCCCC;--shadow-color:rgba(0,0,0,0.1);--overlay-bg:rgba(255,255,255,0.7);--overlay-bg-mobile:rgba(255,255,255,0.9);--glass-bg:rgba(255,255,255,0.55);--glass-bg-strong:rgba(255,255,255,0.7);--glass-border:rgba(255,255,255,0.6);--glass-shadow:0 8px 32px rgba(31,38,135,0.12);--glass-shadow-hover:0 12px 40px rgba(31,38,135,0.18)}[data-theme="dark"]{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-card:#1a1a1a;--text-primary:#FFFFFF;--text-secondary:#e0e0e0;--text-muted:#999999;--border-color:#333333;--shadow-color:rgba(0,0,0,0.4);--overlay-bg:rgba(10,10,10,0.5);--overlay-bg-mobile:rgba(10,10,10,0.6);--glass-bg:rgba(26,26,26,0.5);--glass-bg-strong:rgba(26,26,26,0.7);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 8px 32px rgba(0,0,0,0.45);--glass-shadow-hover:0 12px 40px rgba(0,0,0,0.6)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg-primary);color:var(--text-primary);text-align:center;overflow:hidden;transition:background-color 0.3s ease}#three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.animation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:2;transition:background-color 0.3s ease}@media (max-width:768px){.animation-overlay{background:var(--overlay-bg-mobile)}}.hero-content{position:relative;z-index:3;max-width:800px;padding:0 20px}.hero-logo-container{position:relative;display:inline-block;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out;overflow:hidden}.hero-logo{height:120px;width:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.5));transition:transform 0.3s ease;display:block}.hero-logo-container::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),rgba(255,255,255,0.3),rgba(255,255,255,0.15),transparent);animation:shimmer 4s ease-in-out infinite;pointer-events:none}[data-theme="dark"] .hero-logo-container::after{display:none}@keyframes shimmer{0%{left:-100%}50%,100%{left:150%}}.hero-logo-container:hover .hero-logo{transform:scale(1.05)}.hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:0.5rem;color:var(--dark-red);animation:fadeInUp 1s ease-out 0.2s both}.hero-tagline{font-size:1.2rem;font-weight:400;margin-bottom:2rem;color:var(--light-red);animation:fadeInUp 1s ease-out 0.3s both}.hero-description{font-size:1.1rem;font-weight:400;margin-bottom:3rem;color:var(--text-muted);opacity:0.9;animation:fadeInUp 1s ease-out 0.4s both}.cta-button{display:inline-block;padding:15px 40px;background:var(--tech-gradient);color:var(--white);text-decoration:none;font-weight:600;border-radius:8px;transition:all 0.3s ease;animation:fadeInUp 1s ease-out 0.6s both;box-shadow:0 8px 25px rgba(139,0,0,0.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(139,0,0,0.4);color:var(--white);text-decoration:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;transform:translateY(30px);transition:all 0.6s ease}.fade-in-up.animate{opacity:1;transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.8rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:60px;position:relative}.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--tech-gradient);border-radius:2px}.about-us{padding:100px 0;background:var(--bg-primary);transition:background-color 0.3s ease}.about-intro{text-align:center;max-width:900px;margin:0 auto 60px}.about-intro p{font-size:1.3rem;color:var(--text-muted);line-height:1.9;margin-bottom:20px}.about-intro .highlight{color:var(--dark-red);font-weight:700}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin:50px 0}.stat-card{text-align:center;padding:30px 20px;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all 0.3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--glass-shadow-hover);background:var(--glass-bg-strong)}.stat-icon{font-size:3rem;color:var(--dark-red);margin-bottom:15px}.stat-value{font-size:2.5rem;font-weight:800;color:var(--dark-red);margin-bottom:10px;display:block}.stat-label{font-size:1rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.about-pillars{margin-top:80px}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px;margin-top:40px}.pillar-card{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);padding:40px 30px;border-radius:16px;box-shadow:var(--glass-shadow);transition:all 0.3s ease;border:1px solid var(--glass-border);position:relative;overflow:hidden}.pillar-card:hover{transform:translateY(-8px);box-shadow:var(--glass-shadow-hover);background:var(--glass-bg-strong)}.pillar-icon-box{width:80px;height:80px;background:linear-gradient(135deg,var(--dark-red),var(--light-red));border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative}.pillar-icon-box::after{content:'';position:absolute;width:100%;height:100%;background:inherit;border-radius:inherit;opacity:0.3;transform:scale(1.2);z-index:-1}.pillar-icon{font-size:2.5rem;color:var(--white)}.pillar-card h3{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:15px}.pillar-card p{font-size:1.05rem;color:var(--text-muted);line-height:1.8;margin-bottom:0}.about-mission{margin-top:80px;text-align:center}.mission-box{background:linear-gradient(135deg,var(--dark-red),var(--light-red));padding:60px 40px;border-radius:16px;margin-top:40px;position:relative;overflow:hidden}.mission-box::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mission-box h3{font-size:2rem;font-weight:700;color:var(--white);margin-bottom:20px;position:relative;z-index:1}.mission-box p{font-size:1.3rem;color:var(--white);line-height:1.9;max-width:900px;margin:0 auto;opacity:0.95;position:relative;z-index:1}.products-services{padding:100px 0;background:var(--bg-secondary);transition:background-color 0.3s ease}.horizon-intro{text-align:center;margin-bottom:60px}.horizon-intro p{font-size:1.3rem;color:var(--text-muted);font-style:italic}.horizon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.horizon-card{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);padding:30px 25px;border-radius:16px;box-shadow:var(--glass-shadow);transition:all 0.3s ease;border:1px solid var(--glass-border);position:relative;overflow:hidden;min-width:280px}.horizon-card:hover{transform:translateY(-8px);box-shadow:var(--glass-shadow-hover);background:var(--glass-bg-strong)}.horizon-illustration{width:100%;aspect-ratio:1 / 1;margin-bottom:25px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:all 0.4s ease}.horizon-illustration img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.horizon-card:hover .horizon-illustration{box-shadow:0 8px 25px rgba(139,0,0,0.25);transform:translateY(-5px)}.horizon-card:hover .horizon-illustration img{transform:scale(1.05)}.horizon-title{font-size:1.6rem;font-weight:700;color:var(--dark-red);margin-bottom:8px;text-align:center}.horizon-subtitle{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-align:center}.horizon-description{color:var(--text-muted);line-height:1.6;margin-bottom:15px;text-align:center;font-size:0.95rem}.horizon-benefits{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.benefit-tag{background:var(--tech-gradient);color:var(--white);padding:6px 12px;border-radius:20px;font-size:0.9rem;font-weight:500}.vision{padding:100px 0;background:var(--bg-primary);transition:background-color 0.3s ease}.vision-content{max-width:1000px;margin:0 auto;text-align:center}.vision-statement{margin-bottom:60px}.vision-text{font-size:1.4rem;color:var(--text-muted);line-height:1.8;max-width:800px;margin:0 auto}.vision-roadmap{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:nowrap;max-width:900px;margin:0 auto}.roadmap-step{text-align:center;transition:transform 0.3s ease;flex:1;min-width:180px}.roadmap-step:hover{transform:translateY(-10px)}.step-icon{width:80px;height:80px;background:var(--tech-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:2rem;color:var(--white);transition:all 0.3s ease}.roadmap-step:hover .step-icon{transform:scale(1.1)}.roadmap-step h4{color:var(--dark-red);font-size:1.3rem;margin-bottom:10px}.roadmap-step p{color:var(--text-muted);font-size:1rem}.roadmap-connector{width:60px;height:4px;background:var(--light-grey);position:relative;flex-shrink:0}.roadmap-connector::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid var(--light-grey);border-top:6px solid transparent;border-bottom:6px solid transparent}.contact{padding:100px 0;background:var(--bg-secondary);transition:background-color 0.3s ease}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1100px;margin:0 auto}.contact-form{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);padding:50px;border-radius:16px;box-shadow:var(--glass-shadow);transition:all 0.3s ease}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:600;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:'Montserrat',sans-serif;transition:border-color 0.3s ease,background-color 0.3s ease;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--dark-red)}.submit-btn{background:var(--tech-gradient);color:var(--white);padding:15px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,0,0,0.3)}.contact-info{display:flex;flex-direction:column;gap:30px}.contact-item{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:all 0.3s ease}.contact-item:hover{transform:translateY(-5px);box-shadow:var(--glass-shadow-hover);background:var(--glass-bg-strong)}.contact-item i{font-size:2rem;color:var(--dark-red);margin-top:5px}.contact-details h4{color:var(--text-primary);margin-bottom:5px;font-size:1.2rem}.contact-details p{color:var(--text-muted);line-height:1.6}.footer{background:linear-gradient(135deg,var(--black) 0%,var(--dark-grey) 100%);color:var(--white);padding:80px 0 40px;position:relative}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand{max-width:350px}.footer-logo-img{height:60px;width:auto;margin-bottom:20px;filter:brightness(1.1)}.footer-description{color:var(--light-grey);line-height:1.6;margin-bottom:25px;opacity:0.9}.footer-section h4{font-size:1.2rem;font-weight:600;color:var(--white);margin-bottom:20px;position:relative}.footer-section h4::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(135deg,var(--dark-red),var(--light-red))}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--light-grey);text-decoration:none;transition:color 0.3s ease;display:flex;align-items:center}.footer-links a:hover{color:var(--light-red)}.footer-links a i{margin-right:8px;width:16px;flex-shrink:0}.contact-info-footer{list-style:none;padding:0;margin:0}.contact-info-footer li{margin-bottom:15px;display:flex;align-items:flex-start}.contact-info-footer i{margin-right:10px;margin-top:3px;color:var(--light-red);width:16px;flex-shrink:0}.contact-info-footer span{color:var(--light-grey);line-height:1.5}.social-links{display:flex;gap:15px;margin-top:25px}.social-link{width:45px;height:45px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1)}.social-link:hover{background:linear-gradient(135deg,var(--dark-red),var(--light-red));transform:translateY(-3px);box-shadow:0 8px 25px rgba(139,0,0,0.3);color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;text-align:center}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{color:var(--light-grey)}.footer-bottom-links{display:flex;list-style:none;gap:30px;padding:0;margin:0}.footer-bottom-links a{color:var(--light-grey);text-decoration:none;transition:color 0.3s ease}.footer-bottom-links a:hover{color:var(--white)}@media (max-width:992px){.about-stats{grid-template-columns:repeat(2,1fr)}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-content{grid-template-columns:1fr;gap:50px}.horizon-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){.hero-logo{height:100px}.hero-subtitle{font-size:1.3rem}.section-title{font-size:2.2rem;margin-bottom:40px}.about-intro p{font-size:1.1rem}.about-stats{grid-template-columns:1fr;gap:20px}.stat-value{font-size:2rem}.pillars-grid{grid-template-columns:1fr;gap:25px}.pillar-card{text-align:center;align-items:center}.pillar-icon-box{margin-left:auto;margin-right:auto}.stat-card{text-align:center}.roadmap-step{text-align:center}.contact-item{flex-direction:column;align-items:center;text-align:center}.contact-item i{margin-bottom:10px}.mission-box{padding:40px 30px}.mission-box h3{font-size:1.6rem}.mission-box p{font-size:1.1rem}.horizon-grid{grid-template-columns:1fr;gap:30px}.vision-roadmap{flex-wrap:wrap;gap:30px}.roadmap-step{min-width:150px}.roadmap-connector{display:none}.contact-form{padding:30px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{gap:20px}}@media (max-width:480px){.hero-logo{height:80px}.hero-subtitle{font-size:1.1rem}.section-title{font-size:1.8rem;margin-bottom:40px}.section-title::after{bottom:5px}.footer-bottom-links{flex-direction:column;gap:10px}.social-links{justify-content:center}}.navbar{display:none}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-card);box-shadow:0 2px 20px var(--shadow-color);transition:all 0.3s ease}.main-nav.scrolled{background:var(--bg-card);box-shadow:0 4px 30px var(--shadow-color)}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-logo{display:flex;align-items:center;text-decoration:none;position:relative;overflow:hidden}.nav-logo img{height:45px;width:auto;transition:transform 0.3s ease,opacity 0.3s ease;opacity:0;pointer-events:none}.nav-logo.visible img{opacity:1;pointer-events:auto}.nav-logo.visible:hover img{transform:scale(1.05)}.nav-logo.visible::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),rgba(255,255,255,0.3),rgba(255,255,255,0.15),transparent);animation:shimmer 4s ease-in-out infinite;pointer-events:none}[data-theme="dark"] .nav-logo.visible::after{display:none}.nav-menu{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-size:0.95rem;font-weight:500;border-radius:8px;transition:all 0.3s ease}.nav-link i{font-size:1rem;color:var(--dark-red);opacity:1;transition:opacity 0.3s ease}.nav-link:hover{color:var(--dark-red);background:rgba(139,0,0,0.08)}.nav-link:hover i{opacity:1}.nav-link.active{color:var(--dark-red);background:rgba(139,0,0,0.1);font-weight:600}.nav-link.active i{opacity:1}.nav-cta{background:var(--tech-gradient);color:var(--white)!important;padding:10px 20px!important;border-radius:8px;font-weight:600!important;box-shadow:0 4px 15px rgba(139,0,0,0.3)}.nav-cta:hover{background:linear-gradient(135deg,var(--light-red),var(--dark-red));transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,0,0,0.4)}.nav-cta i{color:var(--white)!important;opacity:1!important}.nav-cta.active{background:rgba(139,0,0,0.1)!important;color:var(--dark-red)!important;box-shadow:none}.nav-cta.active i{color:var(--dark-red)!important}.nav-cta.active:hover{background:rgba(139,0,0,0.15)!important;transform:none}.nav-actions{display:flex;align-items:center;gap:15px}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background 0.3s ease}.nav-toggle:hover{background:rgba(139,0,0,0.1)}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);margin:3px 0;border-radius:2px;transition:all 0.3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:1024px){.nav-menu{position:fixed;top:70px;left:0;right:0;bottom:0;flex-direction:column;align-items:flex-start;background:var(--bg-card);padding:20px;gap:5px;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto}.nav-menu.active{transform:translateX(0)}.nav-toggle{display:flex}.nav-item{width:100%}.nav-link{padding:15px 20px;font-size:1rem;width:100%;justify-content:flex-start}.nav-cta{margin-top:15px;justify-content:flex-start!important;width:auto}}@media (max-width:768px){.nav-container{height:60px;padding:0 15px}.nav-logo img{height:38px}.nav-menu{top:60px}}.hero{padding-top:70px}@media (max-width:768px){.hero{padding-top:60px}}.theme-toggle-container{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-secondary);border-radius:50px;border:1px solid var(--border-color);transition:all 0.3s ease}.theme-toggle-container:hover{box-shadow:0 4px 15px var(--shadow-color)}.theme-icon{font-size:18px;color:var(--text-muted);transition:color 0.3s ease}.theme-icon.active{color:var(--dark-red)}.theme-switch{position:relative;width:50px;height:26px}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-color);transition:0.3s;border-radius:26px}.theme-slider::before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:var(--bg-primary);transition:0.3s;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.theme-switch input:checked + .theme-slider{background:var(--tech-gradient)}.theme-switch input:checked + .theme-slider::before{transform:translateX(24px)}.theme-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;min-width:35px}.auto-indicator{display:flex;align-items:center;gap:5px;padding:4px 8px;background:rgba(139,0,0,0.1);border-radius:12px;font-size:10px;color:var(--dark-red);font-weight:600;text-transform:uppercase}.auto-indicator i{font-size:12px}.auto-indicator.hidden{display:none}@media (max-width:768px){.theme-toggle-container{top:10px;right:10px;padding:8px 12px;gap:8px}.theme-label{display:none}.theme-switch{width:44px;height:24px}.theme-slider::before{height:18px;width:18px}.theme-switch input:checked + .theme-slider::before{transform:translateX(20px)}}