.moon-guide .moon-hero{background-image:linear-gradient(90deg,#01030bf2,#071129b5 36%,#16082ba3 66%,#01030bf2),radial-gradient(circle,#647be63b,#0000 48%),url(https://zodolife-preview-assets.web.app/__optimized/blog/000-7%20Blog.webp?v=17c6199071be);background-position:50%,50%,50% 69%;background-size:cover,auto,1280px;height:520px;min-height:520px;padding:40px 24px 70px;overflow:hidden}.moon-hero .hero-copy{width:min(940px,92vw)}.moon-hero h1{white-space:nowrap;font-size:clamp(38px,4.6vw,58px)}.moon-orbit{opacity:.28;border:1px solid #d2a33c56;border-radius:50%;width:330px;height:330px;box-shadow:0 0 70px #5478e564;position:absolute!important}.moon-orbit:before,.moon-orbit:after{content:"";border:1px solid #d9b14a45;border-radius:50%;position:absolute;inset:39px}.moon-orbit:after{inset:91px}.moon-orbit>span{color:#edf2ff;text-shadow:0 0 38px #839af3;place-items:center;font:92px Georgia,serif;display:grid;position:absolute;inset:0}.moon-orbit i{color:#ffd760;transform:rotate(calc(var(--i)*90deg)) translateY(-154px) rotate(calc(var(--i)*-90deg));font:24px Georgia,serif;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}.calculation-card{background:linear-gradient(145deg,#0b1324,#060811);border:1px solid #5e461c;border-radius:12px;align-items:center;gap:18px;margin:26px 0;padding:21px;display:flex}.calculation-card>span{color:#e8edff;background:#36145d;border-radius:50%;flex:0 0 72px;place-items:center;height:72px;font:46px Georgia,serif;display:grid;box-shadow:0 0 27px #667be55e}.calculation-card h3{margin:0 0 6px}.calculation-card p{margin:0}.sun-moon{grid-template-columns:1fr 1fr;gap:13px;margin:22px 0;display:grid}.sun-moon article{text-align:center;background:#080d17;border:1px solid #493b22;border-radius:11px;padding:19px}.sun-moon b{color:#ffd455;font:38px Georgia,serif}.sun-moon article+article b{color:#dbe4ff}.sun-moon h3{margin:3px 0}.sun-moon p{margin:0}.moon-sign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.moon-sign-grid article{background:linear-gradient(145deg,#0c1220,#05070e);border:1px solid #584114;border-radius:12px;flex-direction:column;padding:20px;display:flex;box-shadow:0 14px 30px #0005}.moon-sign-grid header{align-items:center;gap:12px;display:flex}.moon-sign-grid header>span{color:#ffd45b;background:radial-gradient(circle,#5d2490,#1c0732);border-radius:50%;place-items:center;width:48px;height:48px;font:26px Georgia,serif;display:grid}.moon-sign-grid header small{color:#a987cf;letter-spacing:1.4px;font-size:10px}.moon-sign-grid h3{margin:0}.moon-sign-grid p{font-size:13px}.moon-sign-grid .themes{color:#f0e8f5}.moon-sign-grid .challenge{background:#0a0d16;border-left:3px solid #be8425;padding:10px}.moon-sign-grid blockquote{color:#e0d8e9;background:#080b14;border-left:3px solid #7134b2;margin:auto 0 0;padding:12px;font-size:13px}.reflection-questions{grid-template-columns:repeat(2,1fr);gap:10px;margin:23px 0;display:grid}.reflection-questions span{background:#090d17;border-left:3px solid #8550c5;padding:14px}.reflection-questions span:last-child{grid-column:1/-1}.moon-steps{gap:10px;padding:0;list-style:none;display:grid}.moon-steps li{background:#080d17;border:1px solid #48381c;border-radius:9px;align-items:center;gap:14px;padding:12px;display:flex}.moon-steps b{color:#ffd65b;background:#45206d;border-radius:50%;flex:0 0 40px;place-items:center;height:40px;display:grid}.reference-note{background:#060a12;border:1px solid #4f3a14;border-radius:12px;padding:24px;margin-top:42px!important}.reference-note li{color:#bdb7c4;margin:8px 0}.moon-bottom{background-image:linear-gradient(#030611d9,#030611f2),url(https://zodolife-preview-assets.web.app/__optimized/blog/000-7%20Blog.webp?v=17c6199071be);background-position:50% 69%;background-size:1280px}@media (max-width:720px){.moon-guide .moon-hero{height:510px;min-height:510px;padding:36px 14px 66px}.moon-hero h1{white-space:normal;font-size:clamp(31px,9vw,42px)}.moon-hero .hero-copy>p{font-size:19px}.moon-orbit{width:270px;height:270px}.moon-sign-grid,.sun-moon,.reflection-questions{grid-template-columns:1fr}.reflection-questions span:last-child{grid-column:auto}.calculation-card{align-items:flex-start}.moon-bottom{background-size:auto 100%}}
@media (max-width:720px){.moon-guide .moon-hero h1{font-size:clamp(29px,8.5vw,34px)}}