.dream-page{--dream:#6b238e;--dream-dark:#27104d;--dream-pink:#ef4ba0}.dream-page .eyebrow{color:#a62ca0!important}.dream-hero{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;margin:1.5rem 0;padding:1.7rem 2rem;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 20%,#c350ce,transparent 28%),linear-gradient(120deg,#25104c,#6d278e 60%,#a8329c);border-radius:1.2rem;box-shadow:0 14px 35px #48126038}.dream-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:30px 30px;opacity:.17}.dream-hero>div,.dream-hero>a,.dream-hero>p{position:relative;z-index:1}.dream-hero>div:first-child{display:flex;flex-direction:column}.dream-hero span{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dream-hero strong{color:#ffd7f2;font-size:clamp(2.3rem,5vw,4.2rem);line-height:1}.dream-hero small{font-weight:800}.dream-moon{color:#ffe6a8;font-size:5rem;transform:rotate(-20deg)}.dream-hero a{padding:.75rem 1rem;color:#4a155f;background:#fff;border-radius:2rem;font-weight:900;text-decoration:none;white-space:nowrap}.dream-hero>p{grid-column:1/-1;margin:0;padding-top:.6rem;border-top:1px solid #ffffff45;font-size:.68rem;text-align:center}.dream-hero.compact{padding:1.2rem 1.5rem}.dream-tabs a.active{background:linear-gradient(100deg,var(--dream),var(--dream-pink));border-color:var(--dream)}.dream-ball{background:linear-gradient(#a24eca,#5b197f)!important}.dream-extra{width:3.5rem;color:#4d155d;background:linear-gradient(#ffe8fa,#f0a8dc)!important;border:2px solid #d543a0;font-size:.8rem}.dream-late{background:linear-gradient(#f05aa8,#a91d75)}.dream-card{border-top:4px solid var(--dream-pink)}.dream-top-card h3{color:#fff;background:linear-gradient(100deg,var(--dream),var(--dream-pink))}.dream-chart{height:25rem}.dream-home{border-top:4px solid #a8329c}
@media(max-width:760px){.dream-hero,.dream-hero.compact{grid-template-columns:1fr;text-align:center}.dream-hero>div:first-child{align-items:center}.dream-moon{font-size:3rem}.dream-chart{height:20rem}}
.dream-hero>div:first-child{align-items:center;text-align:center}