.maxmang-loader.rainy{background:linear-gradient(135deg,#4a5568,#2d3748,#1a202c)}.maxmang-loader.sunny{background:linear-gradient(135deg,#fef5e7,#fed7aa 30%,#fdba74 70%,#fb923c)}.preloader-container{position:relative;display:flex;flex-direction:column;align-items:center;z-index:10}.weather-container{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.raindrop{position:absolute;width:2px;background:linear-gradient(to bottom,#3b82f6cc,#3b82f633);border-radius:0 0 50% 50%;animation:fall linear infinite;opacity:0}@keyframes fall{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.sun{position:absolute;width:min(80px,18vw);height:min(80px,18vw);background:radial-gradient(circle,#fbbf24,#f59e0b,#d97706);border-radius:50%;top:10%;right:15%;opacity:0;box-shadow:0 0 min(30px,6vw) #fbbf2499;animation:sunPulse 3s ease-in-out infinite}.sun.visible{opacity:1}@keyframes sunPulse{0%,to{transform:scale(1);box-shadow:0 0 min(30px,6vw) #fbbf2499}50%{transform:scale(1.1);box-shadow:0 0 min(40px,8vw) #fbbf24cc}}.sun-ray{position:absolute;background:linear-gradient(to bottom,#fbbf2499,#fbbf2400);width:min(3px,.7vw);border-radius:min(2px,.5vw);transform-origin:bottom center;opacity:0;animation:rayShine 2s ease-in-out infinite}@keyframes rayShine{0%,to{opacity:0;transform:rotate(var(--rotation)) scaleY(1)}50%{opacity:.8;transform:rotate(var(--rotation)) scaleY(1.2)}}.cloud{position:absolute;opacity:0;transition:opacity 2s ease-in-out}.cloud.visible{opacity:1}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%}.cloud1{width:min(50px,12vw);height:min(20px,4.8vw);background:#9ca3afcc;border-radius:min(50px,12vw);top:15%;left:20%;animation:float 6s ease-in-out infinite}.cloud1:before{width:min(25px,6vw);height:min(25px,6vw);background:#9ca3afcc;top:min(-10px,-2.4vw);left:min(8px,1.9vw)}.cloud1:after{width:min(20px,4.8vw);height:min(20px,4.8vw);background:#9ca3afcc;top:min(-8px,-1.9vw);right:min(8px,1.9vw)}.cloud2{width:min(40px,9.5vw);height:min(16px,3.8vw);background:#9ca3af99;border-radius:min(40px,9.5vw);top:20%;right:25%;animation:float 8s ease-in-out infinite reverse}.cloud2:before{width:min(20px,4.8vw);height:min(20px,4.8vw);background:#9ca3af99;top:min(-8px,-1.9vw);left:min(6px,1.4vw)}.cloud2:after{width:min(16px,3.8vw);height:min(16px,3.8vw);background:#9ca3af99;top:min(-6px,-1.4vw);right:min(6px,1.4vw)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-container{position:relative;margin-bottom:20px}.roof-container{position:relative;width:min(320px,85vw);height:min(140px,35vw);margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.roof-left{position:absolute;width:180px;height:12px;background:#e53e3e;transform-origin:right center;transform:rotate(-22deg);top:50px;left:-20px;border-radius:6px;z-index:2;transition:background 1s ease-in-out}.roof-right{position:absolute;width:180px;height:12px;background:#1e64aa;transform-origin:left center;transform:rotate(22deg);top:50px;right:-20px;border-radius:6px;z-index:3;transition:background 1s ease-in-out}.maxmang-loader.sunny .roof-left{background:#dc2626}.maxmang-loader.sunny .roof-right{background:#2563eb}.chimney{position:absolute;width:min(18px,4.5vw);height:min(40px,10vw);background:#1e64aa;right:min(40px,10vw);top:min(60px,15vw);border-radius:min(4px,1vw);z-index:4;transition:background 1s ease-in-out}.maxmang-loader.sunny .chimney{background:#2563eb}.letter-m{position:absolute;font-size:min(85px,20vw);font-weight:700;color:#1e64aa;top:min(75px,18vw);left:50%;transform:translate(-50%);z-index:5;transition:color 1s ease-in-out}.maxmang-loader.sunny .letter-m{color:#1d4ed8}.roof-drop{position:absolute;width:4px;height:10px;background:#3b82f6cc;border-radius:50%/60% 60% 40% 40%;opacity:0}.roof-drop.left{animation:slideLeft 2s ease-in-out infinite}.roof-drop.right{animation:slideRight 2s ease-in-out infinite}@keyframes slideLeft{0%{top:40px;left:80px;opacity:0}15%{opacity:1}to{top:125px;left:5px;opacity:0}}@keyframes slideRight{0%{top:40px;right:80px;opacity:0}15%{opacity:1}to{top:125px;right:5px;opacity:0}}.maxmang-text{font-size:min(44px,10vw);font-weight:700;color:#1e64aa;letter-spacing:min(5px,1vw);margin:min(40px,8vw) 0;display:flex;gap:min(5px,1vw);transition:color 1s ease-in-out;flex-wrap:wrap;justify-content:center}.maxmang-loader.sunny .maxmang-text{color:#1d4ed8}.letter{display:inline-block;animation:sway ease-in-out infinite}.letter:nth-child(1){animation-duration:2.1s;animation-delay:.1s}.letter:nth-child(2){animation-duration:2.3s;animation-delay:.2s}.letter:nth-child(3){animation-duration:2s;animation-delay:.3s}.letter:nth-child(4){animation-duration:2.4s;animation-delay:.1s}.letter:nth-child(5){animation-duration:2.2s;animation-delay:.4s}.letter:nth-child(6){animation-duration:2.1s;animation-delay:.2s}.letter:nth-child(7){animation-duration:2.3s;animation-delay:.5s}@keyframes sway{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2px) rotate(1deg)}75%{transform:translate(-2px) rotate(-1deg)}}.roofing-container{display:flex;align-items:center;gap:min(15px,3vw);margin-top:min(10px,2vw)}.roofing-line{height:min(2px,.5vw);width:min(30px,7vw);background:#e53e3e;transition:background 1s ease-in-out}.maxmang-loader.sunny .roofing-line{background:#dc2626}.roofing-text{font-size:min(14px,3.2vw);font-weight:700;color:#e53e3e;letter-spacing:min(1px,.2vw);transition:color 1s ease-in-out}.maxmang-loader.sunny .roofing-text{color:#dc2626}.ripple{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid rgba(59,130,246,.6);animation:rippleEffect .8s ease-out;pointer-events:none}@keyframes rippleEffect{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}.loading-dots{display:flex;gap:min(4px,1vw);margin-top:min(20px,5vw)}.dot{width:min(6px,1.5vw);height:min(6px,1.5vw);border-radius:50%;background:#1e64aa;animation:pulse 1.4s ease-in-out infinite both;transition:background 1s ease-in-out}.maxmang-loader.sunny .dot{background:#1d4ed8}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.weather-indicator{position:absolute;bottom:min(30px,6vw);left:50%;transform:translate(-50%);font-size:min(12px,2.8vw);color:#ffffffb3;transition:color 1s ease-in-out;text-align:center;padding:0 min(20px,5vw)}.maxmang-loader.sunny .weather-indicator{color:#00000080}@media (max-width: 480px){.preloader-container{padding:20px}.maxmang-text{font-size:32px;letter-spacing:3px;gap:3px}.roof-container{width:280px;height:120px}.letter-m{font-size:65px}.roofing-text{font-size:12px}.weather-indicator{font-size:10px}}@media (max-width: 320px){.maxmang-text{font-size:28px;letter-spacing:2px;gap:2px}.roof-container{width:240px;height:100px}.letter-m{font-size:55px}.roofing-text{font-size:11px}.roofing-line{width:20px}}