@import "https://fonts.googleapis.com/css?family=Nova+Mono&display=swap";
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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:#fff;--gray-light:#f0f0f0;--gray-dark:#333;--shadow:#0000001a;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--gray-dark);transition:background-color var(--transition-speed),color var(--transition-speed);background-color:#0b0d1a;width:100%;margin:0;padding:0;overflow-x:hidden}.App{text-align:center;background-color:var(--background-color);color:#fff;background:#0b0d1a;flex-direction:column;min-height:100vh;font-family:Arial,sans-serif;display:flex}.App-header{background-color:var(--primary-color);color:var(--white);z-index:1000;box-shadow:0 2px 4px var(--shadow);transition:background-color var(--transition-speed);border-bottom:2px solid var(--secondary-color);justify-content:center;align-items:center;padding:10px 20px;font-size:1.2rem;display:flex;position:sticky;top:0}.App-header .IonIcon{margin-right:.5rem;font-size:1.5rem;transition:transform .3s}.App-header .IonIcon:hover{transform:scale(1.2)}.Brands{padding:2rem}.Brands h2{color:var(--primary-color);margin-bottom:1rem;font-size:2rem;animation:1s ease-out fadeInDown}.Brands ul{flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style:none;display:flex}.Brands li{text-align:center;transition:transform var(--transition-speed);font-size:1.125rem}.Brands li:hover{transform:translateY(-5px)}.Brands img{width:100px;height:auto;transition:transform var(--transition-speed);margin:0 auto .5rem;display:block}.Brands img:hover{transform:scale(1.1)}@media screen and (max-width:768px){.Brands img{width:70px}.Brands li{font-size:1rem}}.Main{background-color:var(--white);box-shadow:0 4px 6px var(--shadow);max-width:1200px;transition:transform var(--transition-speed),box-shadow var(--transition-speed);border-radius:10px;justify-content:space-between;align-items:center;gap:2rem;margin:2rem auto;padding:2rem;display:flex}.Main:hover{box-shadow:0 8px 12px var(--shadow);transform:translateY(-10px)}.Mechanic{text-align:center;flex:1}.Mechanic img{max-width:100%;height:auto;transition:opacity var(--transition-speed);border-radius:10px}.Mechanic img:hover{opacity:.8}.ContactInfo{flex:2;padding-left:2rem}.ContactInfo h1{color:var (--secondary-color);letter-spacing:1px;text-shadow:0 2px 8px #2980b914;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.ContactInfo h2{color:var(--gray-dark);margin-bottom:1.2rem;font-size:1.3rem;font-weight:400}.ContactInfo button{background-color:var(--primary-color);color:var(--white);cursor:pointer;transition:background-color var(--transition-speed),transform var(--transition-speed);border:none;border-radius:5px;padding:.75rem 1.5rem;font-size:1rem}.ContactInfo button:hover{background-color:var(--secondary-color)}.ContactInfo .benefits{box-shadow:0 2px 8px var(--shadow);color:#217dbb;letter-spacing:.2px;background:linear-gradient(90deg,#eaf6fb 0%,#f7fbff 100%);border-radius:10px;flex-direction:column;gap:.7rem;margin:1.2rem 0;padding:1.2rem 1.5rem;font-size:1.08rem;font-weight:500;display:flex}.ContactInfo .benefits p{margin:0;padding-left:1.2rem;position:relative}.ContactInfo .benefits p:before{content:"✓";color:#27ae60;font-size:1.1em;font-weight:700;position:absolute;left:0}@media screen and (max-width:768px){.Main{flex-direction:column;align-items:center;padding:1rem}.Mechanic,.ContactInfo{text-align:center;width:100%;margin-bottom:1.5rem;padding:0}.Mechanic img{width:100%;margin-bottom:1rem}.ContactInfo button{width:100%;padding:.75rem}}.Opinions{background-color:var(--white);max-width:800px;box-shadow:0 4px 6px var(--shadow);border-radius:10px;margin:2rem auto;padding:1.5rem;animation:1s ease-out fadeInUp}.MessageBubble{background-color:var(--white);box-shadow:0 2px 5px var(--shadow);transition:background-color var(--transition-speed);border-radius:15px;align-items:flex-start;margin-bottom:2rem;padding:1rem;display:flex}.MessageBubble:hover{background-color:#e0e0e0}.UserIcon{background-color:var(--primary-color);width:80px;height:80px;color:var(--white);transition:transform var(--transition-speed);border-radius:50%;justify-content:center;align-items:center;margin-right:1.5rem;font-size:2rem;display:flex}.UserIcon:hover{transform:rotate(360deg)}.MessageContent{background-color:var(--gray-light);box-shadow:0 2px 5px var(--shadow);transition:background-color var(--transition-speed);border-radius:10px;flex:1;padding:1rem;line-height:1.6}.MessageContent:hover{background-color:#e8e8e8}@media screen and (max-width:768px){.MessageBubble{text-align:center;flex-direction:column;align-items:center}.UserIcon{margin-bottom:1rem}}.PralkiPorady{background-color:var(--gray-light);box-shadow:0 6px 12px var(--shadow);border-radius:15px;max-width:1200px;margin:2.5rem auto;padding:2.5rem;animation:1.5s ease-out fadeIn}.PralkiPorady h2{color:var(--secondary-color);text-align:center;margin-bottom:1.5rem;font-size:2.5rem}.PoradyList{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0;list-style:none;display:grid}.PoradyList li{background-color:var(--white);box-shadow:0 4px 6px var(--shadow);border-radius:10px;padding:1.5rem 1.5rem 1.5rem 3.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.PoradyList li:hover{box-shadow:0 8px 12px var (--shadow);transform:translateY(-5px)}.porada-icon{color:var(--primary-color);font-size:1.5rem;transition:transform .3s,color .3s;position:absolute;top:1.5rem;left:1.5rem}.PoradyList li:hover .porada-icon{color:var(--secondary-color);transform:rotate(360deg)}@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{grid-template-columns:1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.tips-opinions{background:radial-gradient(circle,#1a1f354d 0%,#0000 100%);padding:4rem 0}@media (max-width:768px){.sections-grid{gap:2rem;padding:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Footer{background-color:var(--primary-color);color:var(--white);text-align:center;transition:background-color var(--transition-speed);padding:2rem 0}.Footer:hover{background-color:var(--secondary-color)}.FooterContainer{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.FooterInfo,.FooterSocial{flex:1;min-width:200px}.FooterInfo h3,.FooterSocial h3{margin-bottom:.5rem}.FooterInfo p{transition:color var(--transition-speed);margin-bottom:.5rem}.FooterInfo p:hover{color:#f39c12}.SocialLinks{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.SocialLinks a{color:var(--white);transition:color var(--transition-speed),transform var(--transition-speed);font-size:1.25rem;text-decoration:none}.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)}}.Logo{color:#fff;width:40px;height:40px;margin-right:8px;transition:transform .3s}.Logo svg{color:#fff!important}.Logo:hover{transform:scale(1.1)}.App-header h1{margin-left:10px}.Header-title{margin-left:8px;font-size:1.2rem}@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{flex-direction:column;padding:1rem}.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{background-color:var(--background-color);z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.LoadingAnimation img{width:100px;height:auto;animation:2s linear infinite rotateWashingMachine}@keyframes rotateWashingMachine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loader-img{width:80px;height:auto;margin-bottom:1rem}.hero{flex-direction:row;justify-content:center;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;padding:2rem 4rem;display:flex}.washing-machine-container{flex:1;justify-content:flex-end;align-items:center;width:100px;min-height:600px;padding-right:2rem;display:flex}.hero-content{text-align:left;flex:1;max-width:600px;padding:2rem}@media (max-width:768px){.hero{gap:2rem;padding:2rem}.washing-machine-container{justify-content:center;padding-right:0}}.floating-machine{margin-top:20px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.main-content{flex-direction:column;align-items:center;display:flex}@media (max-width:768px){.hero{flex-direction:column}.floating-machine img{width:200px}}.hero{background:radial-gradient(circle,#0b0d1a 60%,#1a1c2b);justify-content:space-between;align-items:center;padding:40px;display:flex}.hero-text{max-width:600px}.hero-text h1{margin-bottom:20px;font-size:2.5rem}.hero-text p{margin-bottom:20px;font-size:1.2rem}.call-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:10px 20px}.floating-machine{animation:3s ease-in-out infinite float}.floating-machine img{width:300px;height:auto}.main-content{padding:20px}@media (max-width:768px){.hero{text-align:center;flex-direction:column}.floating-machine img{width:200px}}.stars-background{background-image:radial-gradient(circle at top,#1a1f35 0%,#0b0d1a 100%);min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:20px}.hero{justify-content:space-between;align-items:center;gap:40px;min-height:80vh;display:flex}.hero-content{flex:1}.hero h1{background:linear-gradient(90deg,#fff,#007bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:3rem}.hero-text p{margin:.5rem 0;font-size:1.2rem}.washing-machine{flex:1;justify-content:flex-start;align-items:center;height:100%;margin-left:4rem;display:flex;position:relative}.washing-machine-3d{filter:drop-shadow(0 0 30px #007bff);width:509px;height:458px;animation:3s ease-in-out infinite float;transform:translateY(0)}.washing-machine{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.washing-machine-3d{filter:drop-shadow(0 0 30px #007bff);width:500px;height:500px;animation:3s ease-in-out infinite float}@media (max-width:768px){.washing-machine-3d{width:300px;height:300px}}.washing-machine-3d canvas{filter:drop-shadow(0 0 30px #007bff);width:400px!important;height:360px!important}model-viewer{--poster-color:transparent;filter:drop-shadow(0 0 20px #007bff);width:100%;height:100%;animation:3s ease-in-out infinite float}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06f,#04f);border:none;border-radius:30px;margin-top:2rem;padding:1.2rem 2.5rem;font-size:1.3rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 20px #0066ff4d}.cta-button:hover{background:linear-gradient(90deg,#04f,#03c);transform:scale(1.05);box-shadow:0 0 30px #0066ff80}@media (max-width:768px){.hero{text-align:center;flex-direction:column}.hero h1{font-size:2rem}.washing-machine{order:-1;height:300px}}.app-container{color:#fff;background-color:#020420;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.stars-background{background:radial-gradient(circle at top,#0a1128 0%,#020420 100%);min-height:100vh}.hero{justify-content:space-between;align-items:center;gap:60px;min-height:80vh;padding:0 80px;display:flex}.hero-content{text-align:left;flex:1}.washing-machine{flex:1;justify-content:center;align-items:center;width:100%;height:600px;display:flex;position:relative}model-viewer{--poster-color:transparent;--progress-bar-color:#007bff;--progress-bar-height:2px;filter:drop-shadow(0 0 30px #007bff);width:100%;height:100%;animation:3s ease-in-out infinite float}.progress-bar{width:100%;height:var(--progress-bar-height);background:#fff3;position:absolute;bottom:0;left:0}.update-bar{background:var(--progress-bar-color);height:100%;transition:width .3s}.hide{display:none}@media (max-width:768px){.hero{text-align:center;flex-direction:column;padding:40px 20px}.hero h1{font-size:2.5rem}.hero-text p{font-size:1.2rem}.washing-machine{order:-1;height:400px}}.washing-machine{flex:1;justify-content:center;align-items:center;display:flex}.glowing-machine{filter:drop-shadow(0 0 30px #007bff);width:80%;height:auto;animation:3s ease-in-out infinite float}@media (max-width:768px){.washing-machine{order:-1}.glowing-machine{width:60%}}.hero{background:radial-gradient(circle,#0a1128 0%,#020420 100%);justify-content:space-between;align-items:center;min-height:calc(100vh - 80px);padding:60px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#007bff1a 0%,#0000 70%);width:100%;height:100%;position:absolute}.hero-content{flex:1;max-width:600px}.hero h1{background:linear-gradient(90deg,#fff,#007bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:4rem;line-height:1.2}.washing-machine{filter:drop-shadow(0 0 40px #007bff99);flex:1;justify-content:center;align-items:center;display:flex}.washing-machine-svg{filter:drop-shadow(0 0 30px #007bff99);width:400px;height:400px;animation:3s ease-in-out infinite float}.washing-machine-svg svg{width:100%;height:100%}@media (max-width:768px){.washing-machine-svg{width:300px;height:300px}}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06f,#04f);border:none;border-radius:30px;margin-top:2.5rem;padding:1rem 2.5rem;font-size:1.2rem;transition:all .3s;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{text-align:center;flex-direction:column;padding:40px 20px}.hero h1{font-size:2.5rem}.hero-text p{font-size:1.2rem}}@media (max-width:768px){.hero-section{flex-direction:column;gap:2rem}.hero-left{min-height:300px}}.hero-section{align-items:center;gap:4rem;min-height:80vh;padding:2rem;display:flex}.hero-left{flex:1;justify-content:center;align-items:center;min-height:600px;display:flex}.hero-right{flex:1;padding:2rem}.hero-right h1{margin-bottom:2rem;font-size:2.5rem;line-height:1.2}.highlight{color:#007bff}.hero-text{margin:2rem 0}.hero-text p{color:#f0f0f0;margin:1rem 0;font-size:1.2rem}.cta-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.25rem;transition:transform .2s}.cta-button:hover{background:#0056b3;transform:scale(1.05)}@media (max-width:768px){.hero-section{flex-direction:column;gap:2rem}.hero-left{min-height:300px}}@media (max-width:480px){.hero-section{gap:1rem;min-height:auto;padding:1rem}.hero-right h1{margin-bottom:1.5rem;font-size:1.8rem}.hero-text p{margin:.5rem 0;font-size:1rem}.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{gap:1rem;min-height:auto;padding:1rem}.hero-right h1{margin-bottom:1rem;font-size:1.5rem}.hero-text p{margin:.5rem 0;font-size:.9rem}.washing-machine-container{height:250px;transform:scale(.7)}.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:.8s ease-out forwards fadeIn}.animate-fade-in-delay{opacity:0;animation:.8s ease-out .3s forwards fadeIn}.animate-fade-in-delay-2{opacity:0;animation:.8s ease-out .6s forwards fadeIn}.animate-slide-up{animation:1s ease-out forwards slideUp}.animate-slide-in{opacity:0;animation:.8s ease-out .3s forwards slideIn}@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;will-change:opacity,transform;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll{opacity:1;transform:translateY(0)}.scroll-animate:first-child{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{width:100%;min-height:350px}.washing-machine-container{justify-content:center;align-items:center;height:350px;padding:0;display:flex;transform:scale(1.1)}.hero-right{padding:1rem}.washing-machine-3d,.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{height:300px;transform:scale(1.2)}.hero-right{padding:1rem}.hero-right h1{margin-bottom:.5rem;font-size:1.3rem}.hero-text p{margin:.3rem 0;font-size:.9rem}}@media (max-width:768px){.washing-machine-3d{aspect-ratio:1;width:320px!important;height:320px!important}.hero-left{order:2;min-height:200px}.hero-right{order:1;padding:1rem 1rem 0}.hero-left{order:2;min-height:180px;margin-bottom:-20px}.hero-right{order:1;margin-bottom:-20px;padding:.5rem}.sections-grid{gap:1rem;padding:.5rem}.tips-opinions{padding:1rem 0}.Brands{margin-top:-20px;padding:1rem}.hero-section{flex-direction:column;gap:1rem;padding:0}.hero-left{order:-1;min-height:280px;margin-top:20px}.hero-right{text-align:center;order:2;margin-top:-20px;padding:1.5rem}.washing-machine-container{justify-content:center;align-items:center;width:320px;height:280px;margin:0 auto;padding:0;display:flex;transform:scale(.95)}.hero-right{text-align:center;order:2;padding:1rem}.hero-right .phone-number{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:block}.hero-left{order:3}}.phone-number a{color:#fff;text-decoration:none}.phone-number a:hover{text-decoration:underline}.sticky-banner{color:#000;text-align:center;z-index:1000;background:linear-gradient(90deg,#fc0,#f90);width:100%;padding:15px 0;font-size:20px;font-weight:700;position:fixed;bottom:0;box-shadow:0 -4px 10px #0003}.sticky-banner a{color:#000;text-shadow:1px 1px 2px #00000080;font-size:24px;font-weight:700;text-decoration:none;transition:color .3s}.sticky-banner a:hover{color:#333}@media (min-width:768px){.sticky-banner{display:none}}
.tips{background:radial-gradient(circle,#1a1f354d 0%,#0000 100%);max-width:1200px;margin:0 auto;padding:2rem 1rem}.tips h2{text-align:center;color:#fff;text-shadow:0 0 10px #007bff80;background:linear-gradient(90deg,#fff,#007bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-size:2.5rem}.tips-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.tip-card{background:linear-gradient(145deg,#0a1128 0%,#020420 100%);border:1px solid #007bff1a;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #007bff1a}.tip-card:before{content:"";background:linear-gradient(90deg,#0000,#007bff80,#0000);height:1px;transition:transform .5s;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.tip-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #007bff33}.tip-card:hover:before{transform:translate(100%)}.tip-card h3{color:#007bff;text-shadow:0 0 10px #007bff4d;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;display:flex}.tip-card p{color:#a0a0a0;margin:0;line-height:1.6;transition:color .3s}.tip-card:hover p{color:#fff}.recommendations{text-align:center;background:linear-gradient(145deg,#0a1128 0%,#020420 100%);border:1px solid #007bff33;border-radius:12px;margin-top:3rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 4px 30px #007bff26}.recommendations:after{content:"";pointer-events:none;background:radial-gradient(circle,#007bff1a 0%,#0000 70%);position:absolute;inset:0}.recommendations h3{color:#007bff;text-shadow:0 0 10px #007bff4d;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.recommendations p{color:#a0a0a0;max-width:800px;margin:0 auto;line-height:1.8;transition:color .3s}.recommendations:hover p{color:#fff}.phone-number{color:#f0f0f0;font-size:2em;font-weight:700}@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}}
.Opinions{text-align:center;max-width:1200px;margin:0 auto;padding:4rem 2rem}.opinions h2{color:#fff;text-align:center;background:linear-gradient(90deg,#fff,#007bff);-webkit-text-fill-color:transparent;text-shadow:0 0 10px #007bff4d;-webkit-background-clip:text;margin-bottom:3rem;font-size:2.5rem}.opinions-container{grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 auto;display:grid}.opinion{background:linear-gradient(145deg,#0a1128 0%,#020420 100%);border:1px solid #007bff1a;border-radius:15px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #007bff1a}.opinion:before{content:"";background:linear-gradient(90deg,#0000,#007bff80,#0000);height:1px;transition:transform .5s;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.opinion:hover{transform:translateY(-5px);box-shadow:0 8px 30px #007bff33}.opinion:hover:before{transform:translate(100%)}.stars{color:#007bff;text-shadow:0 0 10px #007bff4d;margin-bottom:1rem;font-size:1.2rem}.review-text{color:#a0a0a0;margin-bottom:1rem;font-size:1.1rem;line-height:1.6;transition:color .3s}.opinion:hover .review-text{color:#fff}.author{color:#007bff;text-align:right;text-shadow:0 0 10px #007bff33;margin-top:1rem;font-style:italic;font-weight:500}@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{width:100%;margin:0 auto;padding:1.5rem}}
.loading-container{text-align:center;background-color:var(--background-color);height:100vh;color:var(--gray-dark);flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.loading-container-small{text-align:center;width:25vw;height:25vh;color:var(--gray-dark);flex-direction:column;justify-content:center;align-items:center;font-size:small;display:flex}.loading-icon{margin-bottom:20px}.spin{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.header{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:linear-gradient(#0a1128f2,#020420f2);justify-content:space-between;align-items:center;width:100vw;max-width:100%;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{align-items:center;gap:1rem;display:flex}.logo-link{color:inherit;align-items:center;gap:1rem;text-decoration:none;display:flex}.logo-link:hover,.logo-link:focus{color:inherit;outline:none;text-decoration:none}.logo img{filter:drop-shadow(0 0 5px #007bff)drop-shadow(0 0 10px #007bff)drop-shadow(0 0 15px #007bff);width:40px;height:40px;margin-right:10px;animation:2s ease-in-out infinite neonPulse}@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{color:#fff;font-size:1.5rem;font-weight:700}nav ul{flex-wrap:nowrap;align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}nav a{color:#fff;text-decoration:none;transition:color .3s}nav a:hover{color:#007bff}.call-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06f,#04f);border:none;border-radius:25px;padding:.5rem 1rem;font-weight:700;transition:all .3s;box-shadow:0 0 15px #007bff4d}.call-button:hover{transform:scale(1.05);box-shadow:0 0 20px #007bff80}nav ul li a{transition:color .3s;position:relative}nav ul li a:after{content:"";background:#007bff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}nav ul li a:hover:after{width:100%}.hamburger{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;padding:0;display:none}.hamburger span{transform-origin:1px;background:#fff;border-radius:10px;width:30px;height:3px;transition:all .3s linear;position:relative}.fixed-header{z-index:1000;background-color:#0a1128f2;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}body{padding-top:80px}@media (max-width:768px){.header{flex-direction:column;gap:1rem;width:100%;padding:1rem}.logo span{font-size:1.2rem}nav ul{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:.8rem;width:100%;padding:0 1rem}.call-button{order:-1;width:auto;min-width:200px;margin:.5rem 0;padding:.8rem}nav ul li{flex:0 auto}nav ul li a{padding:.5rem;font-size:.9rem}.hamburger{z-index:1001;justify-content:space-between;height:24px;padding:4px 0;display:flex;position:fixed;top:15px;right:15px}.hamburger span{transform-origin:50%;background:#fff;border-radius:10px;width:30px;height:3px;margin:0;transition:all .3s linear;position:relative}.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{z-index:5;background:#0a1128fa;width:100%;height:100vh;padding-top:80px;transition:all .3s;position:fixed;top:0;right:-100%}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}}
.footer{color:#fff;background:linear-gradient(#0a1128 0%,#020420 100%);padding:3rem 0 1rem;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,#0000,#007bff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.footer-content{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.footer-section h3{color:#007bff;text-shadow:0 0 10px #007bff4d;margin-bottom:1.5rem;font-size:1.2rem}.footer-section p,.footer-section a{color:#a0a0a0;line-height:1.6;transition:color .3s}.footer-section a:hover{color:#007bff;text-decoration:none}.footer-bottom{text-align:center;border-top:1px solid #007bff1a;margin-top:3rem;padding-top:1.5rem}.footer-bottom p{color:#666;font-size:.9rem}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links a{color:#007bff;font-size:1.5rem;transition:all .3s}.social-links a:hover{color:#fff;text-shadow:0 0 15px #007bff80;transform:translateY(-3px)}@media (max-width:768px){.footer-content{text-align:center;grid-template-columns:1fr;gap:2rem}.social-links{justify-content:center}}
.brands-section{background:radial-gradient(circle,#1a1f354d 0%,#0000 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 2rem;display:flex}.brands-section h2{text-align:center;color:#fff;background:linear-gradient(90deg,#fff,#007bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4rem;font-size:3rem}.brands-container{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto 1rem;padding:1rem;display:grid}.brand-item{text-align:center;background:linear-gradient(145deg,#0a1128 0%,#020420 100%);border:1px solid #007bff1a;border-radius:10px;padding:2rem;transition:all .3s;animation:2s infinite glowing}.brand-text{color:#fff;text-shadow:0 0 10px #007bff80;font-size:1.5rem;font-weight:700}.brand-item:hover{animation:2s infinite glowing-intense;transform:translateY(-5px)}@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{margin-bottom:3rem;font-size:2.5rem}.brands-container{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:480px){.brands-section h2{margin-bottom:2rem;font-size:2rem}.brands-container{gap:1rem}.brand-item{padding:1.5rem}.brand-text{font-size:1.2rem}}.show-more-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06f,#04f);border:none;border-radius:25px;margin:1.5rem auto;padding:.8rem 2rem;font-size:1rem;transition:all .3s;display:block}.show-more-btn:hover{background:linear-gradient(90deg,#04f,#03c);transform:scale(1.05)}
#wrapper{flex-direction:column;align-items:center;margin:auto;display:flex;position:relative}#wrapper:after{content:"";filter:blur(20px);z-index:-1;background:radial-gradient(circle,#007bff4d 0%,#0000 70%);width:100%;height:100%;animation:2s infinite glowPulse;position:absolute;top:0;left:0}#wrapper:before{content:"";filter:blur(30px);z-index:-1;background:radial-gradient(circle,#007bff66 0%,#0000 70%);width:150%;height:150%;animation:3s infinite constantGlow;position:absolute;top:-25%;left:-25%}#washingMachine{filter:drop-shadow(0 0 20px #007bff80);background:#ececf4;border-top:15px solid #80819c;border-radius:15px;justify-content:center;align-items:center;width:300px;height:388.235px;padding:85px 0 45px;display:flex;position:relative;overflow:hidden;box-shadow:inset -15px -15px #c4c4d24d}#washingMachine:before,#washingMachine:after{content:"";border:4px solid #0000;width:150%;position:absolute}#washingMachine:before{border-bottom-color:#c4c4d2;border-radius:50%;height:70px;top:0;box-shadow:inset 0 -15px #c4c4d24d}#washingMachine:after{border-top-color:#c4c4d2;height:30px;bottom:0}#washingMachine #controls{text-align:center;color:#90ee90;background:#242527;border-radius:5px;justify-content:center;padding:3px 10px;font-size:1em;font-weight:500;top:19.0909px;right:30px}#washingMachine #controls,#washingMachine #controls:before,#washingMachine #controls:after{position:absolute}#washingMachine #controls,#washingMachine #controls:after{min-width:60px;height:23.8636px}#washingMachine #controls,#washingMachine #controls:before{align-items:center;transition:all .2s cubic-bezier(.56,.35,0,1.35);display:flex}#washingMachine #controls:before{content:"━━";color:#80819c;border:3px solid #c4c4d2;border-radius:100%;width:31.8182px;height:31.8182px;font-size:14px;left:calc(100% - 135.909px);transform:rotate(0);box-shadow:inset 0 -15px #c4c4d24d}#washingMachine #controls:after{content:"";background:#c4c4d24d;border:3px solid #c4c4d2;border-radius:3px 3px 10px 10px;left:calc(100% - 240px);box-shadow:inset 0 10px #c4c4d2}#washingMachine #door,#washingMachine #tub{transition:all .2s ease-in-out}#washingMachine #door{z-index:1;transform-origin:0 0;border:25px solid #80819c;border-radius:50%;width:200px;height:200px;position:absolute;transform:rotateY(0);box-shadow:inset 5px 10px #0000001a,5px -1px #0000}#washingMachine #door:before,#washingMachine #door:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}#washingMachine #door:after{z-index:3;background:#666783;border-radius:40% 30% 30% 40%/50% 45% 45% 50%;width:17%;height:50%;transition:all .2s ease-in-out;right:0}#washingMachine #door:before{opacity:.2;z-index:2;border:5px solid #0000;border-left:15px solid #fff;border-radius:40% 30% 30% 40%/50%;width:60%;height:60%;margin:auto;left:0;right:0;transform:translateY(-50%)rotate(45deg);box-shadow:inset -10px 10px #fff3}#washingMachine #tub{z-index:0;background:#453e57;border-radius:50%;width:175px;height:175px;position:relative;overflow:hidden;box-shadow:0 0 0 7px #c4c4d24d}#washingMachine #tub .clothes{opacity:0;transition:all .1s ease-in-out;position:absolute}#washingMachine #tub .clothes:first-child{background:linear-gradient(#48873e,#7b9f17);border-radius:49% 38% 65% 8%/30% 12% 51% 36%;width:70%;height:25%;bottom:10%;right:-20%;transform:rotate(-20deg)}#washingMachine #tub .clothes:nth-child(2){background:linear-gradient(#c22323,#e15050);border-radius:64% 40% 27% 47%/63% 63% 32% 36%;width:100%;height:20%;bottom:0}#washingMachine #tub .clothes:nth-child(3){background:linear-gradient(#5a5589,#4f46b4);border-radius:41% 38% 71% 8%/51% 36% 51% 24%;width:70%;height:25%;bottom:0;left:-10%;transform:rotate(40deg)}#washingMachine #hint-text{color:#fff;white-space:nowrap;z-index:10;background:#000c;border-radius:20px;padding:8px 16px;font-size:16px;position:absolute;top:-50px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #007bff4d}#washingMachine.isOpen #door{transform:rotateY(45deg);box-shadow:inset 5px 10px #0000,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{filter:drop-shadow(0 0 30px #007bffcc);animation-name:shake;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}#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{width:300px;margin-top:25px;display:flex}#playground button{font:inherit;background:#ececf4;border:none;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-size:.8em;transition:background .2s ease-in-out;box-shadow:-1px 2px #0003}#playground button#opening{margin:0 15px}#playground button:hover:not(:disabled){cursor:pointer;background:#fff}#playground button::-moz-focus-inner{border:0}#playground button:active:not(:disabled){box-shadow:0 1px #0003}
:root{--bg:#fff;--muted:#6b7280;--accent:#0b63d6;--card-border:#e6e9ef;--tag-bg:#f3f6fb;--tag-color:#0b63d6;--radius:12px;--content-width:1100px}.container{max-width:var(--content-width);color:#111827;margin:28px auto;padding:0 20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.articles-title{color:#fff;margin:6px 0 18px;font-size:2.2rem;font-weight:700}.articles-controls{align-items:center;gap:12px;margin-bottom:14px;display:flex}.articles-search{border:1px solid var(--card-border);border-radius:10px;flex:1;padding:12px 14px;font-size:.98rem;box-shadow:inset 0 1px #0f172a05}.articles-controls form{width:100%}.articles-search:focus{outline:2px solid #0b63d61f;box-shadow:0 4px 18px #0b63d60f}.search-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:600;box-shadow:0 6px 18px #0b63d61f}.search-button:hover{transform:translateY(-1px)}.tag-cloud{flex-wrap:wrap;gap:8px;margin:10px 0 18px;display:flex}.tag{background:var(--tag-bg);color:var(--tag-color);cursor:pointer;border:1px solid #0b63d614;border-radius:999px;padding:6px 12px;font-size:.88rem}.tag.small{padding:4px 8px;font-size:.78rem}.tag:hover{filter:brightness(.98);transform:translateY(-1px)}.articles-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.article-card{background:var(--bg);border:1px solid var(--card-border);border-radius:var(--radius);flex-direction:column;padding:18px;transition:box-shadow .18s,transform .12s;display:flex}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0206170f}.article-card-title{color:#fff;margin:0 0 8px;font-size:1.125rem;font-weight:600}.article-card-title a{color:var(--accent);text-decoration:none}.article-card-title a:hover{text-decoration:underline}.article-link{color:var(--accent);font-weight:600;text-decoration:none}.article-link:hover{text-decoration:underline}.article-excerpt{color:var(--muted);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.95rem;display:-webkit-box;overflow:hidden}.article-meta{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:.85rem;display:flex}.read-more{color:var(--accent);background:0 0;border:1px solid #0b63d61f;border-radius:8px;margin-top:12px;padding:8px 12px;font-weight:600;text-decoration:none;display:inline-block}.read-more:hover{background:#0b63d60a}.article-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.article-title{color:#fff;margin-bottom:12px;font-size:1.9rem;font-weight:700}.article-body{color:#fff;margin-bottom:14px;font-size:1.02rem;line-height:1.75}.article-body p{margin:10px 0}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:12px 0;display:block}.article-body h2{color:#0f172a;margin:18px 0 8px;font-size:1.25rem}.article-body h3{margin:14px 0 6px;font-size:1.05rem}.container.articles-page{box-shadow:none;color:#fff;background:0 0;border-radius:8px;padding:28px}.container.articles-page .article-title{text-align:left;color:#fff;margin-bottom:8px;font-size:2.2rem}.container.articles-page .article-subhead{text-align:left;color:#ffffffd9;margin-bottom:12px;font-size:1rem}.container.articles-page .article-meta{color:var(--muted);margin-bottom:18px;font-size:.9rem}.container.articles-page .article-body{color:#fffffff2;max-width:820px;margin:0 auto;font-size:1rem}.toc{color:#fff;background:linear-gradient(#0b63d61f,#0b63d60f);border:1px solid #0b63d61f;border-radius:12px;max-width:820px;margin:12px auto 22px;padding:20px}.toc strong{color:#fffffffa;margin-bottom:10px;font-weight:700;display:block}.toc ul{margin:0;padding:0;list-style:none;display:block}.toc li{border-bottom:1px solid #ffffff08;margin:0 0 8px;display:block}.toc a{color:#fffffff2;border-radius:8px;padding:10px 12px;text-decoration:none;display:block}.toc a:hover{background:#ffffff08}.toc-pagination{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.toc-page-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:8px;padding:6px 10px}.toc-page-btn[disabled]{opacity:.4;cursor:default}.toc-pages{align-items:center;gap:6px;display:flex}.toc-page-num{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #ffffff0a;border-radius:6px;padding:6px 8px}.toc-page-num.active{background:#ffffff0f;border-color:#ffffff1f;font-weight:700}.toc-page-num:hover{background:#ffffff08}@media (min-width:0){.toc ul,.toc li,.toc a{width:100%}}@media (max-width:640px){.toc{border-radius:8px!important;max-width:none!important;margin:12px 0!important;padding:12px!important}.toc strong{margin-bottom:8px;display:block}.toc ul{padding:0}.toc li{border-bottom:1px solid #ffffff08}}.article-heading{scroll-margin-top:96px}.toc{display:block!important}.toc ul{margin:0!important;padding:0!important;display:block!important}.toc li,.toc a,.toc .toc-link{width:100%!important;display:block!important}.toc{z-index:2;position:relative}.article-hero{background:linear-gradient(#0b63d61f,#0b63d60f);border:1px solid #0b63d61f;border-radius:12px;max-width:820px;margin:12px auto 22px;padding:20px}.article-hero-lead{color:#fffffffa;font-size:1.06rem;line-height:1.6}.related-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.related-card{color:inherit;border-radius:10px;text-decoration:none;display:block;overflow:hidden}.related-card-inner{border:1px solid var(--card-border);background:#ffffff05;border-radius:10px;height:100%;padding:12px;transition:transform .12s,box-shadow .12s}.related-card:hover .related-card-inner{transform:translateY(-6px);box-shadow:0 12px 30px #0206170f}.related-card-title{color:#fff;margin-bottom:6px;font-weight:700}.related-card-excerpt{color:#ffffffd9;margin-bottom:8px;font-size:.92rem}.related-card-tags .tag{color:#fff;background:#ffffff14;border:1px solid #ffffff0f}.related-card-tags{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:1100px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.related-grid{grid-template-columns:1fr}}.article-header{flex-direction:column;display:flex}@media (max-width:640px){.article-header{flex-direction:column-reverse}}.faq{max-width:820px;margin:22px auto 0}.faq-card{background:var(--accent);color:#fff;border:1px solid #0b63d61f;border-radius:10px;padding:14px}.faq-card strong{margin-bottom:8px;display:block}.faq-list{margin:0;padding:0;list-style:none}.faq-item{margin:8px 0}.faq-item details summary{cursor:pointer;color:#fff;padding:8px 0;font-weight:700}.faq-answer{color:#fffffff2;margin-top:8px}@media (max-width:640px){.faq-card{padding:12px}}.container.articles-page .article-body h2,.container.articles-page .article-body h3,.container.articles-page .article-body h4,.container.articles-page .article-body h5,.container.articles-page .article-body h6{color:#fff}.container.articles-page .tag{color:#fff;background:#ffffff0f;border:1px solid #ffffff14}.related-card-inner{background:#ffffff05}.container.articles-page .article-body h2,.container.articles-page .article-body h3,.container.articles-page .article-body h4,.container.articles-page .article-body h5,.container.articles-page .article-body h6{text-align:left;color:#fff}.container.articles-page .article-body p{color:#fffffff2}.container.articles-page .article-body a{color:#fffffff2;text-decoration:underline}.container.articles-page .article-body blockquote{color:#fffffff2;background:#ffffff08;border-left:4px solid #ffffff14;border-radius:6px;padding:12px 16px}.article-hero-cta{justify-content:flex-start;margin-top:12px;display:flex}.article-hero-cta .cta-primary{background:var(--accent);color:#fff;border-radius:8px;padding:10px 14px;font-weight:700;text-decoration:none}.article-body ul,.article-body ol{margin:8px 0 8px 20px}.article-body a{color:var(--accent);text-decoration:underline}.article-body pre{color:#e6eef8;background:#0f172a;border-radius:8px;padding:12px;overflow:auto}.article-body code{background:#f3f4f6;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace}.related{border-top:1px solid #eef2ff;margin-top:28px;padding-top:18px}.related ul{display:block}.related h3{margin:0 0 10px}.related ul{margin:0;padding-left:18px}.related li{margin:8px 0}.related a{color:var(--accent)}@media (max-width:880px){.articles-list{grid-template-columns:1fr}.container{padding:0 16px}.toc{position:unset;height:auto}}@media (max-width:480px){.articles-title{font-size:1.6rem}.articles-search,.search-button{padding:10px}.toc{position:unset;height:auto}}@media (prefers-reduced-motion:reduce){.article-card,.tag{transition:none}.toc{position:unset;height:auto}}