@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Nova+Mono&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #3498db;--secondary-color: #2980b9;--background-color: var(--gray-light);--white: #ffffff;--gray-light: #f0f0f0;--gray-dark: #333333;--shadow: rgba(0, 0, 0, .1);--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;background-color:#0b0d1a;color:var(--gray-dark);transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden;width:100%}.App{text-align:center;background-color:var(--background-color);min-height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif;color:#fff;background:#0b0d1a}.App-header{display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);padding:10px 20px;color:var(--white);font-size:1.2rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px var(--shadow);transition:background-color var(--transition-speed);border-bottom:2px solid var(--secondary-color)}.App-header .IonIcon{font-size:1.5rem;margin-right:.5rem;transition:transform .3s}.App-header .IonIcon:hover{transform:scale(1.2)}.Brands{padding:2rem}.Brands h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-color);animation:fadeInDown 1s ease-out}.Brands ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.Brands li{font-size:1.125rem;text-align:center;transition:transform var(--transition-speed)}.Brands li:hover{transform:translateY(-5px)}.Brands img{width:100px;height:auto;display:block;margin:0 auto .5rem;transition:transform var(--transition-speed)}.Brands img:hover{transform:scale(1.1)}@media screen and (max-width: 768px){.Brands img{width:70px}.Brands li{font-size:1rem}}.Main{display:flex;justify-content:space-between;align-items:center;padding:2rem;background-color:var(--white);box-shadow:0 4px 6px var(--shadow);margin:2rem auto;gap:2rem;max-width:1200px;border-radius:10px;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.Main:hover{transform:translateY(-10px);box-shadow:0 8px 12px var(--shadow)}.Mechanic{flex:1;text-align:center}.Mechanic img{max-width:100%;height:auto;border-radius:10px;transition:opacity var(--transition-speed)}.Mechanic img:hover{opacity:.8}.ContactInfo{flex:2;padding-left:2rem}.ContactInfo h1{font-size:2.2rem;color:var (--secondary-color);font-weight:700;margin-bottom:.5rem;letter-spacing:1px;text-shadow:0 2px 8px rgba(41,128,185,.08)}.ContactInfo h2{font-size:1.3rem;color:var(--gray-dark);font-weight:400;margin-bottom:1.2rem}.ContactInfo button{background-color:var(--primary-color);color:var(--white);border:none;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border-radius:5px;transition:background-color var(--transition-speed),transform var(--transition-speed)}.ContactInfo button:hover{background-color:var(--secondary-color)}.ContactInfo .benefits{display:flex;flex-direction:column;gap:.7rem;margin:1.2rem 0;padding:1.2rem 1.5rem;background:linear-gradient(90deg,#eaf6fb,#f7fbff);border-radius:10px;box-shadow:0 2px 8px var(--shadow);font-size:1.08rem;font-weight:500;color:#217dbb;letter-spacing:.2px}.ContactInfo .benefits p{margin:0;padding-left:1.2rem;position:relative}.ContactInfo .benefits p:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700;font-size:1.1em}@media screen and (max-width: 768px){.Main{flex-direction:column;align-items:center;padding:1rem}.Mechanic,.ContactInfo{width:100%;padding:0;margin-bottom:1.5rem;text-align:center}.Mechanic img{width:100%;margin-bottom:1rem}.ContactInfo button{width:100%;padding:.75rem}}.Opinions{margin:2rem auto;max-width:800px;padding:1.5rem;background-color:var(--white);box-shadow:0 4px 6px var(--shadow);border-radius:10px;animation:fadeInUp 1s ease-out}.MessageBubble{display:flex;align-items:flex-start;margin-bottom:2rem;padding:1rem;background-color:var(--white);border-radius:15px;box-shadow:0 2px 5px var(--shadow);transition:background-color var(--transition-speed)}.MessageBubble:hover{background-color:#e0e0e0}.UserIcon{width:80px;height:80px;border-radius:50%;margin-right:1.5rem;background-color:var(--primary-color);color:var(--white);display:flex;justify-content:center;align-items:center;font-size:2rem;transition:transform var(--transition-speed)}.UserIcon:hover{transform:rotate(360deg)}.MessageContent{flex:1;background-color:var(--gray-light);padding:1rem;border-radius:10px;box-shadow:0 2px 5px var(--shadow);line-height:1.6;transition:background-color var(--transition-speed)}.MessageContent:hover{background-color:#e8e8e8}@media screen and (max-width: 768px){.MessageBubble{flex-direction:column;align-items:center;text-align:center}.UserIcon{margin-bottom:1rem}}.PralkiPorady{padding:2.5rem;background-color:var(--gray-light);box-shadow:0 6px 12px var(--shadow);margin:2.5rem auto;max-width:1200px;border-radius:15px;animation:fadeIn 1.5s ease-out}.PralkiPorady h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--secondary-color);text-align:center}.PoradyList{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.PoradyList li{background-color:var(--white);padding:1.5rem 1.5rem 1.5rem 3.5rem;border-radius:10px;box-shadow:0 4px 6px var(--shadow);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.PoradyList li:hover{transform:translateY(-5px);box-shadow:0 8px 12px var (--shadow)}.porada-icon{position:absolute;top:1.5rem;left:1.5rem;font-size:1.5rem;color:var(--primary-color);transition:transform .3s ease,color .3s ease}.PoradyList li:hover .porada-icon{transform:rotate(360deg);color:var(--secondary-color)}@media screen and (max-width: 768px){.PralkiPorady{padding:1.5rem}.PralkiPorady h2{font-size:2rem}.PoradyList{grid-template-columns:1fr}.PoradyList li{padding:1.5rem 1.5rem 1.5rem 3rem}.porada-icon{font-size:1.2rem;top:1.2rem;left:1.2rem}}.sections-grid{display:grid;grid-template-columns:1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:2rem}.tips-opinions{background:radial-gradient(circle at center,rgba(26,31,53,.3) 0%,transparent 100%);padding:4rem 0}@media (max-width: 768px){.sections-grid{padding:1rem;gap:2rem}}.Footer{background-color:var(--primary-color);color:var(--white);padding:2rem 0;text-align:center;transition:background-color var(--transition-speed)}.Footer:hover{background-color:var(--secondary-color)}.FooterContainer{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:1.5rem}.FooterInfo,.FooterSocial{flex:1;min-width:200px}.FooterInfo h3,.FooterSocial h3{margin-bottom:.5rem}.FooterInfo p{margin-bottom:.5rem;transition:color var(--transition-speed)}.FooterInfo p:hover{color:#f39c12}.SocialLinks{display:flex;justify-content:center;margin-top:1rem;gap:1rem}.SocialLinks a{color:var(--white);text-decoration:none;font-size:1.25rem;transition:color var(--transition-speed),transform var(--transition-speed)}.SocialLinks a:hover{color:#f39c12;transform:scale(1.2)}.FooterBottom{background-color:var(--secondary-color);padding:1rem 0}.FooterBottom p{margin:0;font-size:.875rem}@media screen and (max-width: 768px){.FooterContainer{flex-direction:column;align-items:center}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Logo{width:40px;height:40px;margin-right:8px;transition:transform .3s;color:#fff}.Logo svg{color:#fff!important}.Logo:hover{transform:scale(1.1)}.App-header h1{margin-left:10px}.Header-title{font-size:1.2rem;margin-left:8px}@media screen and (max-width: 768px){.Logo{width:30px;height:30px}.App-header h1{font-size:1.2rem}.Header-title{font-size:1rem}.App-header{padding:8px 16px}}@media screen and (max-width: 480px){.App-header h1{font-size:1rem}.Brands h2{font-size:1.5rem}.Main{padding:1rem;flex-direction:column}.PoradyList{grid-template-columns:1fr}.PoradyList li{padding:1.25rem 1.25rem 1.25rem 2.5rem}.porada-icon{font-size:1.2rem;top:1rem;left:1rem}}@media screen and (min-width: 1024px){.App-header h1{font-size:2rem}.Header-title{font-size:1.5rem}}.LoadingAnimation{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;z-index:2000}.LoadingAnimation img{width:100px;height:auto;animation:rotateWashingMachine 2s linear infinite}@keyframes rotateWashingMachine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loader-img{width:80px;height:auto;margin-bottom:1rem}.hero{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:1400px;margin:0 auto;padding:2rem 4rem;gap:4rem}.washing-machine-container{flex:1;min-height:600px;width:100px;display:flex;justify-content:flex-end;align-items:center;padding-right:2rem}.hero-content{flex:1;padding:2rem;text-align:left;max-width:600px}@media (max-width: 768px){.hero{padding:2rem;gap:2rem}.washing-machine-container{padding-right:0;justify-content:center}}.floating-machine{margin-top:20px;animation:float 3s ease-in-out infinite}.main-content{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.hero{flex-direction:column}.floating-machine img{width:200px}}.hero{display:flex;justify-content:space-between;align-items:center;padding:40px;background:radial-gradient(circle,#0b0d1a 60%,#1a1c2b)}.hero-text{max-width:600px}.hero-text h1{font-size:2.5rem;margin-bottom:20px}.hero-text p{font-size:1.2rem;margin-bottom:20px}.call-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.floating-machine{animation:float 3s ease-in-out infinite}.floating-machine img{width:300px;height:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-content{padding:20px}@media (max-width: 768px){.hero{flex-direction:column;text-align:center}.floating-machine img{width:200px}}.app-container{background-color:#0b0d1a;min-height:100vh;color:#fff;width:100%;overflow-x:hidden;position:relative}.stars-background{background-image:radial-gradient(circle at top,#1a1f35,#0b0d1a);min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:20px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:80vh;gap:40px}.hero-content{flex:1}.hero h1{font-size:3rem;margin-bottom:2rem;background:linear-gradient(90deg,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.2rem;margin:.5rem 0}.washing-machine{flex:1;height:100%;display:flex;justify-content:flex-start;align-items:center;margin-left:4rem;position:relative}.washing-machine-3d{width:509px;height:458px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px #007bff);transform:translateY(0)}.washing-machine{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.washing-machine-3d{width:500px;height:500px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px #007bff)}@media (max-width: 768px){.washing-machine-3d{width:300px;height:300px}}.washing-machine-3d canvas{width:400px!important;height:360px!important;filter:drop-shadow(0 0 30px #007bff)}model-viewer{width:100%;height:100%;--poster-color: transparent;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px #007bff)}.cta-button{margin-top:2rem;padding:1.2rem 2.5rem;font-size:1.3rem;font-weight:600;background:linear-gradient(90deg,#06f,#04f);border:none;border-radius:30px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0066ff4d;text-decoration:none;display:inline-block}.cta-button:hover{transform:scale(1.05);box-shadow:0 0 30px #0066ff80;background:linear-gradient(90deg,#04f,#03c)}@media (max-width: 768px){.hero{flex-direction:column;text-align:center}.hero h1{font-size:2rem}.washing-machine{order:-1;height:300px}}.app-container{background-color:#020420;min-height:100vh;color:#fff;width:100%;overflow-x:hidden;position:relative}.stars-background{background:radial-gradient(circle at top,#0a1128,#020420);min-height:100vh}.hero{display:flex;justify-content:space-between;align-items:center;min-height:80vh;gap:60px;padding:0 80px}.hero-content{flex:1;text-align:left}.hero-text p{font-size:1.4rem;margin:.8rem 0;color:#a0a0a0}.washing-machine{flex:1;position:relative;height:600px;width:100%;display:flex;justify-content:center;align-items:center}model-viewer{width:100%;height:100%;--poster-color: transparent;--progress-bar-color: #007bff;--progress-bar-height: 2px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px #007bff)}.progress-bar{position:absolute;left:0;bottom:0;width:100%;height:var(--progress-bar-height);background:#fff3}.update-bar{background:var(--progress-bar-color);height:100%;transition:width .3s}.hide{display:none}@media (max-width: 768px){.hero{padding:40px 20px;flex-direction:column;text-align:center}.hero h1{font-size:2.5rem}.hero-text p{font-size:1.2rem}.washing-machine{height:400px;order:-1}}.washing-machine{flex:1;display:flex;justify-content:center;align-items:center}.glowing-machine{width:80%;height:auto;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px #007bff)}@media (max-width: 768px){.washing-machine{order:-1}.glowing-machine{width:60%}}.hero{display:flex;justify-content:space-between;align-items:center;padding:60px 80px;background:radial-gradient(circle at center,#0a1128,#020420);min-height:calc(100vh - 80px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at center,rgba(0,123,255,.1) 0%,transparent 70%);pointer-events:none}.hero-content{flex:1;max-width:600px}.hero h1{font-size:4rem;line-height:1.2;margin-bottom:2rem;background:linear-gradient(90deg,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.4rem;color:#a0a0a0;margin:.8rem 0}.washing-machine{flex:1;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 40px rgba(0,123,255,.6))}.washing-machine-svg{width:400px;height:400px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,123,255,.6))}.washing-machine-svg svg{width:100%;height:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.washing-machine-svg{width:300px;height:300px}}.cta-button{margin-top:2.5rem;padding:1rem 2.5rem;font-size:1.2rem;background:linear-gradient(90deg,#06f,#04f);border:none;border-radius:30px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0066ff4d}.cta-button:hover{transform:scale(1.05);box-shadow:0 0 30px #0066ff80}.cta-button:active{transform:scale(.98)}@media (max-width: 768px){.hero{padding:40px 20px;flex-direction:column;text-align:center}.hero h1{font-size:2.5rem}.hero-text p{font-size:1.2rem}}.hero-section{display:flex;align-items:center;min-height:80vh;padding:2rem;gap:4rem}.hero-left{flex:1;display:flex;justify-content:center;align-items:center;min-height:600px}.hero-right{flex:1;padding:2rem}.hero-right h1{font-size:2.5rem;margin-bottom:2rem;line-height:1.2}.highlight{color:#007bff}.hero-text{margin:2rem 0}.hero-text p{font-size:1.2rem;margin:1rem 0;color:#f0f0f0}.cta-button{padding:1rem 2rem;font-size:1.25rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s}.cta-button:hover{transform:scale(1.05);background:#0056b3}@media (max-width: 768px){.hero-section{flex-direction:column;gap:2rem}.hero-left{min-height:300px}}@media (max-width: 480px){.hero-section{padding:1rem;min-height:auto;gap:1rem}.hero-right h1{font-size:1.8rem;margin-bottom:1.5rem}.hero-text p{font-size:1rem;margin:.5rem 0}.hero-left{min-height:250px}.washing-machine-container{transform:scale(.8)}.cta-button{width:100%;padding:1.2rem;font-size:1.1rem}.sections-grid{gap:2rem;padding:1rem}.tips-opinions{padding:2rem 0}}@media (max-width: 380px){.hero-right h1{font-size:1.5rem}.hero-text p{font-size:.9rem}.washing-machine-container{transform:scale(.7)}}@media (max-width: 480px){.hero-section{padding:1rem;min-height:auto;gap:1rem}.hero-right h1{font-size:1.5rem;margin-bottom:1rem}.hero-text p{font-size:.9rem;margin:.5rem 0}.washing-machine-container{transform:scale(.7);height:250px}.cta-button{width:100%;padding:1rem;font-size:1rem}.sections-grid{gap:1.5rem;padding:.5rem}.tips-opinions{padding:1rem 0}.Brands ul{gap:1rem}.Brands img{width:60px}.MessageBubble{padding:.8rem}.UserIcon{width:50px;height:50px;font-size:1.5rem}}@media (max-width: 320px){.hero-right h1{font-size:1.3rem}.hero-text p{font-size:.8rem}.washing-machine-container{transform:scale(.6)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-fade-in-delay{opacity:0;animation:fadeIn .8s ease-out .3s forwards}.animate-fade-in-delay-2{opacity:0;animation:fadeIn .8s ease-out .6s forwards}.animate-slide-up{animation:slideUp 1s ease-out forwards}.animate-slide-in{opacity:0;animation:slideIn .8s ease-out .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.animate-on-scroll{opacity:1;transform:translateY(0)}.scroll-animate:nth-child(1){transition-delay:.1s}.scroll-animate:nth-child(2){transition-delay:.2s}.scroll-animate:nth-child(3){transition-delay:.3s}@media (max-width: 768px){.hero-section{flex-direction:column;gap:1rem;padding:0}.hero-left{min-height:350px;width:100%}.washing-machine-container{transform:scale(1.1);padding:0;height:350px;display:flex;justify-content:center;align-items:center}.hero-right{padding:1rem}.washing-machine-3d{width:100%!important;height:100%!important}.washing-machine-3d canvas{width:100%!important;height:100%!important}}@media (max-width: 480px){.hero-section{min-height:auto}.hero-left{min-height:300px}.washing-machine-container{transform:scale(1.2);height:300px}.hero-right{padding:1rem}.hero-right h1{font-size:1.3rem;margin-bottom:.5rem}.hero-text p{font-size:.9rem;margin:.3rem 0}}@media (max-width: 768px){.washing-machine-container{transform:scaleX(1.1);padding:0;height:400px;width:100vw;display:flex;justify-content:center;align-items:center;margin:0 -20px}}@media (max-width: 768px){.washing-machine-container{transform:scale(1.2,1.05);padding:0;height:350px;width:95vw;display:flex;justify-content:center;align-items:center;margin:0 -10px}}@media (max-width: 768px){.washing-machine-container{transform:scale(.9);padding:0;height:auto;width:95vw;display:flex;justify-content:center;align-items:center;margin:0 -10px}}@media (max-width: 768px){.washing-machine-container{transform:scale(.9);padding:0;height:250px;width:90vw;display:flex;justify-content:center;align-items:center;margin:0 -5px}}@media (max-width: 768px){.washing-machine-container{transform:scale(.75);padding:0;height:280px;width:280px;display:flex;justify-content:center;align-items:center;margin:0 auto}.washing-machine-3d{aspect-ratio:1;width:280px!important;height:280px!important}}@media (max-width: 768px){.washing-machine-container{transform:scale(.95);padding:0;height:150px;width:320px;display:flex;justify-content:center;align-items:center;margin:0 auto}.washing-machine-3d{aspect-ratio:1;width:320px!important;height:320px!important}}@media (max-width: 768px){.hero-left{order:2;min-height:300px}.hero-right{order:1;padding:1rem 1rem .5rem}.washing-machine-container{transform:scale(.95);padding:0;height:280px;width:320px;display:flex;justify-content:center;align-items:center;margin:0 auto}}@media (max-width: 768px){.hero-left{order:2;min-height:200px}.hero-right{order:1;padding:1rem 1rem 0rem}.washing-machine-container{transform:scale(.95);padding:0;height:200px;width:280px;display:flex;justify-content:center;align-items:center;margin:0 auto}}@media (max-width: 768px){.hero-left{order:2;min-height:180px;margin-bottom:-20px}.hero-right{order:1;padding:.5rem;margin-bottom:-20px}.sections-grid{gap:1rem;padding:.5rem}.tips-opinions{padding:1rem 0}.Brands{padding:1rem;margin-top:-20px}}@media (max-width: 768px){.hero-section{flex-direction:column;gap:1rem;padding:0}.hero-left{order:-1;min-height:280px;margin-top:20px}.hero-right{order:2;padding:1.5rem;margin-top:-20px;text-align:center}.washing-machine-container{transform:scale(.95);padding:0;height:280px;width:320px;display:flex;justify-content:center;align-items:center;margin:0 auto}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0;z-index:1000;width:100vw;max-width:100%;box-sizing:border-box;background:linear-gradient(to bottom,#0a1128f2,#020420f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.logo{display:flex;align-items:center;gap:1rem}.logo img{width:40px;height:40px;margin-right:10px;filter:drop-shadow(0 0 5px #007bff) drop-shadow(0 0 10px #007bff) drop-shadow(0 0 15px #007bff);animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{filter:drop-shadow(0 0 5px #007bff) drop-shadow(0 0 10px #007bff) drop-shadow(0 0 15px #007bff)}50%{filter:drop-shadow(0 0 8px #007bff) drop-shadow(0 0 15px #007bff) drop-shadow(0 0 20px #007bff)}}.logo span{font-size:1.5rem;font-weight:700;color:#fff}nav ul{display:flex;gap:1.5rem;flex-wrap:nowrap;align-items:center;list-style:none;margin:0;padding:0}nav a{color:#fff;text-decoration:none;transition:color .3s}nav a:hover{color:#007bff}.call-button{background:linear-gradient(90deg,#06f,#04f);color:#fff;border:none;padding:.5rem 1rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #007bff4d}.call-button:hover{transform:scale(1.05);box-shadow:0 0 20px #007bff80}nav ul li a{position:relative;transition:color .3s ease}nav ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#007bff;transition:width .3s ease}nav ul li a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger span{width:30px;height:3px;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.fixed-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#0a1128f2;box-shadow:0 2px 4px #0000001a}body{padding-top:80px}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;padding:1rem;width:100%}.logo span{font-size:1.2rem}nav ul{width:100%;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:0 1rem;box-sizing:border-box}.call-button{width:auto;min-width:200px;margin:.5rem 0;padding:.8rem;order:-1}nav ul li{flex:0 1 auto}nav ul li a{font-size:.9rem;padding:.5rem}.hamburger{display:flex;position:fixed;z-index:1001;top:15px;right:15px;height:24px;justify-content:space-between;padding:4px 0}.hamburger span{width:30px;height:3px;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:center;margin:0}.hamburger.active{top:15px;right:15px}.hamburger.active span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger.active span:last-child{transform:translateY(-7px) rotate(-45deg)}nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0a1128fa;padding-top:80px;transition:.3s;z-index:5}nav.active{right:0}nav ul{flex-direction:column;align-items:center;gap:2rem}.call-button{width:80%;margin:1rem auto}}@media (max-width: 480px){.logo img{width:30px;height:30px}.logo span{font-size:1rem}nav{padding-top:60px}}.Opinions{max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center}.opinions h2{color:#fff;text-align:center;margin-bottom:3rem;font-size:2.5rem;background:linear-gradient(90deg,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(0,123,255,.3)}.opinions-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 auto}.opinion{background:linear-gradient(145deg,#0a1128,#020420);border:1px solid rgba(0,123,255,.1);padding:2rem;border-radius:15px;box-shadow:0 4px 20px #007bff1a;transition:all .3s ease;position:relative;overflow:hidden}.opinion:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,123,255,.5),transparent);transform:translate(-100%);transition:transform .5s ease}.opinion:hover{transform:translateY(-5px);box-shadow:0 8px 30px #007bff33}.opinion:hover:before{transform:translate(100%)}.stars{margin-bottom:1rem;font-size:1.2rem;color:#007bff;text-shadow:0 0 10px rgba(0,123,255,.3)}.review-text{color:#a0a0a0;line-height:1.6;margin-bottom:1rem;font-size:1.1rem;transition:color .3s ease}.opinion:hover .review-text{color:#fff}.author{color:#007bff;font-style:italic;text-align:right;margin-top:1rem;font-weight:500;text-shadow:0 0 10px rgba(0,123,255,.2)}@media (max-width: 1024px){.opinions-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.opinions h2{font-size:2rem}.opinions-container{grid-template-columns:1fr;max-width:400px;margin:0 auto}.opinion{padding:1.5rem;width:100%;margin:0 auto}}.tips{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:radial-gradient(circle at center,rgba(26,31,53,.3) 0%,transparent 100%)}.tips h2{text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,123,255,.5);margin-bottom:3rem;font-size:2.5rem;background:linear-gradient(90deg,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tips-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.tip-card{background:linear-gradient(145deg,#0a1128,#020420);border:1px solid rgba(0,123,255,.1);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #007bff1a;transition:all .3s ease;position:relative;overflow:hidden}.tip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,123,255,.5),transparent);transform:translate(-100%);transition:transform .5s ease}.tip-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #007bff33}.tip-card:hover:before{transform:translate(100%)}.tip-card h3{color:#007bff;margin-bottom:1rem;font-size:1.25rem;display:flex;align-items:center;gap:.5rem;text-shadow:0 0 10px rgba(0,123,255,.3)}.tip-card p{color:#a0a0a0;line-height:1.6;margin:0;transition:color .3s ease}.tip-card:hover p{color:#fff}.recommendations{background:linear-gradient(145deg,#0a1128,#020420);border:1px solid rgba(0,123,255,.2);border-radius:12px;padding:2.5rem;margin-top:3rem;text-align:center;box-shadow:0 4px 30px #007bff26;position:relative;overflow:hidden}.recommendations:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(0,123,255,.1) 0%,transparent 70%);pointer-events:none}.recommendations h3{color:#007bff;margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 0 10px rgba(0,123,255,.3)}.recommendations p{color:#a0a0a0;line-height:1.8;max-width:800px;margin:0 auto;transition:color .3s ease}.recommendations:hover p{color:#fff}@media (max-width: 768px){.tips h2{font-size:2rem}.tips-container{grid-template-columns:1fr}.recommendations{padding:1.5rem}}@keyframes glow{0%,to{box-shadow:0 4px 20px #007bff1a}50%{box-shadow:0 4px 30px #007bff33}}.footer{background:linear-gradient(to top,#020420,#0a1128);color:#fff;padding:3rem 0 1rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,123,255,.5),transparent)}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.footer-section h3{color:#007bff;margin-bottom:1.5rem;font-size:1.2rem;text-shadow:0 0 10px rgba(0,123,255,.3)}.footer-section p,.footer-section a{color:#a0a0a0;line-height:1.6;transition:color .3s ease}.footer-section a:hover{color:#007bff;text-decoration:none}.footer-bottom{margin-top:3rem;padding-top:1.5rem;text-align:center;border-top:1px solid rgba(0,123,255,.1)}.footer-bottom p{color:#666;font-size:.9rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{color:#007bff;font-size:1.5rem;transition:all .3s ease}.social-links a:hover{transform:translateY(-3px);color:#fff;text-shadow:0 0 15px rgba(0,123,255,.5)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:2rem}.social-links{justify-content:center}}#wrapper{margin:auto;display:flex;flex-direction:column;align-items:center;position:relative}#wrapper:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle,rgba(0,123,255,.3) 0%,transparent 70%);filter:blur(20px);z-index:-1;animation:glowPulse 2s infinite}#wrapper:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle,rgba(0,123,255,.4) 0%,transparent 70%);filter:blur(30px);z-index:-1;animation:constantGlow 3s infinite}#washingMachine{background:#ececf4;width:300px;height:388.2352941176px;border-radius:15px;border-top:15px solid #80819c;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset -15px -15px #c4c4d24d;padding:85px 0 45px;filter:drop-shadow(0 0 20px rgba(0,123,255,.5))}#washingMachine:before,#washingMachine:after{content:"";position:absolute;border:4px solid transparent;width:150%}#washingMachine:before{border-bottom-color:#c4c4d2;height:70px;top:0;border-radius:50%;box-shadow:inset 0 -15px #c4c4d24d}#washingMachine:after{border-top-color:#c4c4d2;height:30px;bottom:0}#washingMachine #controls{top:19.0909090909px;text-align:center;right:30px;background:#242527;color:#90ee90;border-radius:5px;padding:3px 10px;font-weight:500;font-size:1em;justify-content:center}#washingMachine #controls,#washingMachine #controls:before,#washingMachine #controls:after{position:absolute}#washingMachine #controls,#washingMachine #controls:after{height:23.8636363636px;min-width:60px}#washingMachine #controls,#washingMachine #controls:before{display:flex;align-items:center;transition:all .2s cubic-bezier(.56,.35,0,1.35)}#washingMachine #controls:before{content:"━━";font-size:14px;color:#80819c;box-shadow:inset 0 -15px #c4c4d24d;height:31.8181818182px;width:31.8181818182px;border:3px solid #c4c4d2;border-radius:100%;transform:rotate(0);left:calc(100% + -135.9090909091px)}#washingMachine #controls:after{content:"";left:calc(100% - 240px);background:#c4c4d24d;border-radius:3px 3px 10px 10px;border:3px solid #c4c4d2;box-shadow:inset 0 10px #c4c4d2}#washingMachine #door,#washingMachine #tub{transition:all .2s ease-in-out}#washingMachine #door{width:200px;height:200px;border:25px solid #80819c;border-radius:50%;position:absolute;z-index:1;box-shadow:inset 5px 10px #0000001a,5px -1px 0 0 transparent;transform-origin:0% 0%;transform:rotateY(0)}#washingMachine #door:before,#washingMachine #door:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}#washingMachine #door:after{background:#666783;height:50%;width:17%;right:0;border-radius:40% 30% 30% 40%/50% 45% 45% 50%;transition:all .2s ease-in-out;z-index:3}#washingMachine #door:before{width:60%;height:60%;left:0;right:0;margin:auto;border:5px solid transparent;border-left:15px solid white;transform:translateY(-50%) rotate(45deg);opacity:.2;box-shadow:inset -10px 10px #fff3;border-radius:40% 30% 30% 40%/50%;z-index:2}#washingMachine #tub{width:175px;height:175px;background:#453e57;position:relative;border-radius:50%;overflow:hidden;z-index:0;box-shadow:0 0 0 7px #c4c4d24d}#washingMachine #tub .clothes{position:absolute;opacity:0;transition:all .1s ease-in-out}#washingMachine #tub .clothes:nth-child(1){background:linear-gradient(#48873e,#7b9f17);width:70%;height:25%;bottom:10%;right:-20%;transform:rotate(-20deg);border-radius:49% 38% 65% 8%/30% 12% 51% 36%}#washingMachine #tub .clothes:nth-child(2){background:linear-gradient(#c22323,#e15050);width:100%;height:20%;border-radius:64% 40% 27% 47%/63% 63% 32% 36%;bottom:0}#washingMachine #tub .clothes:nth-child(3){background:linear-gradient(#5a5589,#4f46b4);width:70%;height:25%;transform:rotate(40deg);border-radius:41% 38% 71% 8%/51% 36% 51% 24%;bottom:0;left:-10%}#washingMachine #hint-text{position:absolute;top:-50px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px;white-space:nowrap;z-index:10;box-shadow:0 0 10px #007bff4d}#washingMachine.isOpen #door{transform:rotateY(45deg);box-shadow:inset 5px 10px 0 0 transparent,5px -1px #b9bac9}#washingMachine.isOpen #door:after{box-shadow:5px -1px #505166}#washingMachine.isOpen #tub{box-shadow:inset 5px 10px #0000001a,0 0 0 7px #c4c4d24d}#washingMachine.isWashing{animation-name:shake;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;filter:drop-shadow(0 0 30px rgba(0,123,255,.8))}#washingMachine.isWashing #controls:before{transform:rotate(45deg)}#washingMachine.isWashing #tub{animation-name:rotate;animation-duration:.6s;animation-timing-function:linear;animation-iteration-count:infinite}#washingMachine.isFilled #tub .clothes{opacity:1}#washingMachine.isStarting{animation-duration:.2s;animation-timing-function:cubic-bezier(0,-.01,.61,.01)}#washingMachine.isStarting #tub{animation-duration:1.2s;animation-timing-function:cubic-bezier(0,-.01,.61,.01)}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1.5px,1.5px) rotate(.5deg)}50%{transform:translate(-.5px,-.5px) rotate(.5deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes constantGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}#playground{margin-top:25px;width:300px;display:flex}#playground button{flex:1;background:#ececf4;border:none;outline:none;border-radius:6px;padding:7px 10px;box-shadow:-1px 2px #0003;transition:background .2s ease-in-out;font:inherit;font-size:.8em}#playground button#opening{margin:0 15px}#playground button:hover:not(:disabled){background:#fff;cursor:pointer}#playground button::-moz-focus-inner{border:0}#playground button:active:not(:disabled){box-shadow:0 1px #0003}.brands-section{min-height:100vh;padding:4rem 2rem;background:radial-gradient(circle at center,rgba(26,31,53,.3) 0%,transparent 100%);display:flex;flex-direction:column;justify-content:center}.brands-section h2{text-align:center;color:#fff;font-size:3rem;margin-bottom:4rem;background:linear-gradient(90deg,#fff,#007bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brands-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto 1rem;padding:1rem}.brand-item{text-align:center;padding:2rem;background:linear-gradient(145deg,#0a1128,#020420);border-radius:10px;border:1px solid rgba(0,123,255,.1);transition:all .3s ease;animation:glowing 2s infinite}.brand-text{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px rgba(0,123,255,.5)}.brand-item:hover{transform:translateY(-5px);animation:glowing-intense 2s infinite}@keyframes glowing{0%,to{box-shadow:0 0 5px #007bff33,0 0 10px #007bff33}50%{box-shadow:0 0 20px #007bff66,0 0 30px #007bff33}}@keyframes glowing-intense{0%,to{box-shadow:0 0 10px #007bff4d,0 0 20px #007bff4d}50%{box-shadow:0 0 30px #007bff80,0 0 40px #007bff4d}}@media (max-width: 1024px){.brands-container{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (max-width: 768px){.brands-section{padding:3rem 1rem}.brands-section h2{font-size:2.5rem;margin-bottom:3rem}.brands-container{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.brands-section h2{font-size:2rem;margin-bottom:2rem}.brands-container{gap:1rem}.brand-item{padding:1.5rem}.brand-text{font-size:1.2rem}}.show-more-btn{margin:1.5rem auto;padding:.8rem 2rem;background:linear-gradient(90deg,#06f,#04f);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:block}.show-more-btn:hover{transform:scale(1.05);background:linear-gradient(90deg,#04f,#03c)}
