.moon-phase-page{display:flex;flex-direction:column;gap:clamp(3rem,5vw,5rem);padding-block:clamp(2rem,5vw,4rem)}.moon-hero{padding:clamp(3rem,6vw,5rem) 1.5rem}.moon-hero h1{color:#e2e8f0;font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:1rem;text-shadow:0 0 20px rgba(226,232,240,.2)}.moon-display{border-radius:50%;box-shadow:0 0 50px rgba(100,150,255,.2);height:260px;margin:3rem auto;overflow:hidden;position:relative;width:260px}.moon-sprite{background-image:url(/images/moon-phases-black.png);background-repeat:no-repeat;background-size:400% 200%;filter:drop-shadow(0 0 15px rgba(220,230,255,.5));height:100%;mix-blend-mode:lighten;transition:background-position .3s steps(1);width:100%}.moon-display canvas,.moon-display img{filter:drop-shadow(0 0 25px rgba(255,255,255,.15));height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.06);transition:transform .5s ease;width:100%}.moon-display canvas:hover,.moon-display img:hover{transform:scale(1.1)}.moon-about{max-width:700px}.about-content{color:hsla(0,0%,100%,.9);font-size:1.1rem;line-height:1.8}.moon-calendar{max-width:900px}.calendar-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.calendar-month{color:#d4af37;font-family:Cinzel,serif;font-size:1.5rem}.calendar-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));width:100%}.calendar-day{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;transition:all .2s ease}.calendar-day:hover{background:hsla(0,0%,100%,.08);transform:translateY(-2px)}.active-day{background:rgba(212,175,55,.1);border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,.15)}.day-num{color:hsla(0,0%,100%,.5);font-size:.8rem}.mini-moon-container{align-items:center;display:flex;height:40px;justify-content:center;width:40px}@media (min-width:600px){.calendar-grid{grid-template-columns:repeat(7,1fr)}}.moon-data{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:2rem auto 0;max-width:800px;width:100%}@media (min-width:600px){.moon-data{grid-template-columns:repeat(4,1fr)}}.moon-stat{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:1.25rem 1rem}.moon-stat-label{color:#94a3b8;font-size:.8rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.moon-stat-value{color:#f8fafc;font-size:1.2rem;font-weight:600}.email-capture-form{margin:2rem auto 0;max-width:480px;position:relative;width:100%;z-index:2}.form-group{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;display:flex;overflow:hidden;padding:0;position:relative}.form-group input{background:transparent;border:none;color:#fff;flex:1;font-size:1rem;min-width:0;outline:none;padding:16px 24px}.form-group input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.form-group input::placeholder{color:hsla(0,0%,100%,.5)}.form-group button{border-radius:50px;flex-shrink:0;font-size:1rem;margin:4px 4px 4px 0;padding:12px 32px}.form-success-msg{color:#4ade80;font-size:.9rem;margin-top:.75rem}.encyclopedia-grid{display:grid;gap:2rem;grid-auto-rows:min-content;grid-template-columns:1fr;margin-top:3rem;text-align:left;width:100%}.moon-hero{box-sizing:border-box;padding:4rem 1.5rem;text-align:center}.moon-card-glass,.moon-hero{position:relative;width:100%}.moon-card-glass{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0d0d14;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 24px 48px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05);box-sizing:border-box!important;display:flex;flex-direction:column;margin:0 auto 3rem;max-width:420px;overflow:hidden;padding:2rem 1.5rem!important;transition:transform .3s ease;z-index:10}@media (min-width:600px){.encyclopedia-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.encyclopedia-grid{grid-template-columns:repeat(4,1fr)}}.encyclopedia-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:0;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.encyclopedia-item:hover{background:hsla(0,0%,100%,.04);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.encyclopedia-item h3{align-items:center;color:#f0c14b;display:flex;font-size:1.15rem;gap:.5rem;margin-bottom:.75rem;margin-top:0}.encyclopedia-item p{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.6;margin:0}.moon-phase-page .global-section{align-self:center;background:transparent!important}.moon-phase-page .mystic-card{background:rgba(17,14,30,.85)!important;background-image:radial-gradient(circle at top,hsla(0,0%,100%,.05),transparent 60%)!important;border:1px solid rgba(240,193,75,.15)!important}