body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.container{padding:10px 100px}.why-importance{font-size:30px;font-weight:600}@media (max-width:1024px){.container{padding:10px}.why-importance{font-size:20px;font-weight:600}}@media (max-width:768px){.container{padding:10px}.why-importance{font-size:20px;font-weight:600}}@media (max-width:375px){.container{padding:10px}.why-importance{font-size:20px;font-weight:600}}@media (max-width:320px){.container{padding:10px}.why-importance{font-size:20px;font-weight:600}}body{align-items:center;background:linear-gradient(90deg,#43cea2,#185a9d);color:#fff;display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden}.screen{background:#0000004d;border-radius:1.5rem;box-shadow:0 0 20px #00c6ff33;max-width:800px;min-height:200px;padding:3rem 2rem;position:relative;text-align:center;width:95%;z-index:2}input{border-radius:6px;display:block;margin:10px auto;padding:12px;width:80%}button,input{border:none;font-size:1rem}button{background-color:#00c6ff;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px 24px}.hydraton-2{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:30px 0;position:relative;z-index:3}.fixed-mascot-wrapper{animation:float 3s ease-in-out infinite;position:fixed;right:80%;top:300px;z-index:3}.fixed-mascot{filter:drop-shadow(0 0 16px rgba(0,198,255,.6));height:160px;scale:3;width:auto}.hydraton-img-wrapper{display:none}.hydraton-bubble{background:linear-gradient(135deg,#e0f7ff,#f0fbff);border:2px solid #00c6ff;border-radius:24px;box-shadow:0 0 25px #00c6ff4d;color:#003b5c;font-size:1.1rem;font-weight:500;margin:0 auto;max-width:500px;padding:20px 25px;position:relative}.bubble-glow{background:#00c6ff;border-radius:50%;bottom:-8px;box-shadow:0 0 8px #00c6ff;height:12px;left:20px;position:absolute;width:12px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.hydration-gif{display:block;margin:0 auto 30px;width:300px}.hydration-facts-container{padding:30px;text-align:center}.fact-item{font-size:1.2rem;opacity:0;padding:20px;transform:translateY(20px);transition:all .5s ease-in-out}.droplet-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.rain-droplet{animation:fall 2.5s linear infinite;background:linear-gradient(180deg,#00cfff,#07c);border-radius:50%;height:12px;opacity:.5;position:absolute;width:4px}@keyframes fall{0%{opacity:0;transform:translateY(-100px)}30%{opacity:.5}to{opacity:0;transform:translateY(100vh)}}.screen .mute-button{font-size:.9rem;margin:0;padding:8px 16px;position:absolute;right:20px;top:10px;z-index:3}.privacy-popup{background:#fffffff2;border-radius:12px;box-shadow:0 0 20px #00c6ff33;color:#003b5c;margin:0 auto;max-width:500px;padding:24px;text-align:center}.privacy-popup h3{font-size:1.3rem;margin-bottom:12px}.privacy-popup p{font-size:.95rem;margin-bottom:12px}.privacy-popup a{color:#07c;font-size:.9rem;text-decoration:underline}.privacy-popup button{background:#00c6ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:16px;padding:10px 20px}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001f3f48;background:#001f3f99;box-shadow:0 2px 8px #000;color:#fff;height:100px;justify-content:space-between;left:0;padding:0 32px;position:fixed;top:0;width:100vw;z-index:999}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:20px}.navbar-logo,.navbar-logo1{height:40px;object-fit:contain;padding-left:30px;scale:1.5;scale:2;width:auto}.navbar-logo1{height:60px!important;padding-bottom:30px;padding-right:10px}.navbar-right{align-items:center;display:flex}.mute-button{background-color:#00c6ff;border:none;border-radius:6px;box-shadow:0 2px 6px #00c6ff4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:8px 16px;transition:background .3s ease}.mute-button:hover{background-color:#009fda}.mute-button{margin-right:50px}
/*# sourceMappingURL=main.ad6ec282.css.map*/