@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--orbit-blue: #567c8f;--nebula-blue: #93a7c1;--ion-blue: #283959;--deep-space: #161924;--stellar-white: #ffffff;--horizon-black: #000000;--space-teal: var(--orbit-blue);--space-slate: var(--nebula-blue);--space-dark: var(--deep-space);--space-white: var(--stellar-white);--glass-bg: rgba(22, 25, 36, .7);--glass-border: 1px solid rgba(147, 167, 193, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--glass-blur: blur(20px)}html,body,#root{margin:0;padding:0;background-color:var(--deep-space)}.water-fill-btn{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem 1.75rem;border-radius:100px;cursor:pointer;font-weight:600;font-size:.9rem;overflow:hidden;transition:all .3s ease;z-index:1;box-shadow:0 4px 6px #0000001a}.water-fill-btn:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background:var(--orbit-blue);transition:height .4s cubic-bezier(.25,.8,.25,1);z-index:-1;border-radius:0 0 100px 100px}.water-fill-btn.dark-mode{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#000}.water-fill-btn.dark-mode:hover{color:#fff;border-color:var(--orbit-blue)}.water-fill-btn:hover:before{height:100%;border-radius:100px}.water-fill-btn:hover{border-color:var(--orbit-blue);box-shadow:0 0 20px #567c8f66}.grain-bg{position:relative}.grain-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:150px 150px;mix-blend-mode:multiply}.grain-bg.grain-dark:before{mix-blend-mode:overlay;opacity:.8;filter:contrast(2.5) brightness(1.2)}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:var(--space-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-y:auto;overflow-x:hidden;height:auto}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;background:#000;position:relative}#root{width:100%;height:100%;margin:0;padding:0}