@keyframes moonPhase{0%{background-position:0 50%;filter:brightness(1) contrast(1.1)}25%{background-position:25% 50%;filter:brightness(1.05) contrast(1.15)}50%{background-position:50% 50%;filter:brightness(1.1) contrast(1.2)}75%{background-position:75% 50%;filter:brightness(1.05) contrast(1.15)}to{background-position:100% 50%;filter:brightness(1) contrast(1.1)}}@keyframes subtleGlow{0%,to{box-shadow:0 0 30px rgba(220,230,255,.4),0 0 60px rgba(200,220,255,.3),0 0 120px rgba(180,200,255,.2),inset -20px -20px 30px rgba(0,0,0,.1),inset 20px 20px 40px rgba(255,255,255,.3)}50%{box-shadow:0 0 40px rgba(220,230,255,.5),0 0 80px rgba(200,220,255,.4),0 0 150px rgba(180,200,255,.25),inset -20px -20px 30px rgba(0,0,0,.08),inset 20px 20px 40px rgba(255,255,255,.35)}}@keyframes craterShimmer{0%,to{opacity:.7}50%{opacity:.9}}.moon{background:linear-gradient(135deg,#f8f9fa,#e9ecef 25%,#dee2e6 50%,#ced4da 75%,#adb5bd);background-size:200% 200%;height:8em;width:8em;border-radius:50%;position:relative;margin:auto;animation:moonPhase 8s ease-in-out infinite,subtleGlow 4s ease-in-out infinite;overflow:hidden}.moon:before{top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,0,0,.1) 2px,transparent 3px),radial-gradient(circle at 60% 20%,rgba(0,0,0,.08) 1px,transparent 2px),radial-gradient(circle at 80% 60%,rgba(0,0,0,.12) 3px,transparent 4px),radial-gradient(circle at 30% 80%,rgba(0,0,0,.09) 2px,transparent 3px),radial-gradient(circle at 70% 85%,rgba(0,0,0,.07) 1px,transparent 2px);animation:craterShimmer 6s ease-in-out infinite}.moon:after,.moon:before{content:"";position:absolute;border-radius:50%}.moon:after{background:radial-gradient(circle,rgba(0,0,0,.2) 0,rgba(0,0,0,.15) 30%,rgba(0,0,0,.08) 60%,transparent 80%);height:1.2em;width:1.2em;top:2.8em;left:1.5em;box-shadow:2.8em -1.2em 0 -.1em rgba(0,0,0,.15),2.8em -1.2em 0 .1em rgba(0,0,0,.08),3.2em 1.8em 0 -.3em rgba(0,0,0,.12),3.2em 1.8em 0 -.1em rgba(0,0,0,.06),-.8em .5em 0 -.4em rgba(0,0,0,.1),1.8em -.8em 0 -.45em rgba(0,0,0,.08),.5em 2.2em 0 -.42em rgba(0,0,0,.09),4em .2em 0 -.46em rgba(0,0,0,.07);animation:craterShimmer 6s ease-in-out 1s infinite}.moon .maria{position:absolute;background:rgba(0,0,0,.05);border-radius:50%}.moon .maria:first-child{width:3em;height:2em;top:1.5em;left:3em;border-radius:40% 60% 30% 70%;transform:rotate(15deg)}.moon .maria:nth-child(2){width:2.5em;height:1.8em;top:4em;left:.8em;border-radius:60% 40% 70% 30%;transform:rotate(-25deg)}.moon .maria:nth-child(3){width:1.8em;height:1.2em;top:2.2em;left:5.5em;border-radius:50% 50% 40% 60%;transform:rotate(45deg)}