@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root { --an-navy: #061a3d; --an-blue: #0b2857; --an-gold: #c98a20; --an-gold-light: #edc66d; --an-ivory: #fbf8f1; --an-ink: #101c35; }
body.english { margin: 0; color: var(--an-ink); background: var(--an-ivory); font-family: "Manrope", sans-serif; -webkit-font-smoothing: antialiased; }
body.english h1, body.english h2, body.english h3, body.english .as_heading { font-family: "Cormorant Garamond", Georgia, serif; }

/* A crisp, editorial header inspired by the navy and gold brand mark. */
.header { position: relative; z-index: 100; background: #fff; box-shadow: 0 8px 30px rgba(6,26,61,.07); }
.header .top-navbar { min-height: 82px; background: rgba(255,255,255,.98) !important; border-bottom: 1px solid rgba(201,138,32,.28); }
.header .top-navbar img[width="50"] { width: 58px; height: 58px; padding: 2px; object-fit: contain; border-radius: 50%; background: #fff; }
.astroway-logo-text { color: var(--an-navy) !important; font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.5rem !important; font-weight: 700; letter-spacing: -.01em; }
.astroway-logo-subtext { color: #667085 !important; font-size: .68rem !important; letter-spacing: .01em; }
.btn-chat-astro { min-height: 44px; color: var(--an-navy) !important; background: #fff; border: 1px solid #d8deea; border-radius: 10px; box-shadow: 0 5px 16px rgba(6,26,61,.06); transition: .2s ease; }
.btn-chat-astro:hover { color: var(--an-navy) !important; border-color: var(--an-gold) !important; background: #fffaf0; transform: translateY(-2px); }
.header nav:not(.top-navbar) { border-bottom: 1px solid #e9e6df; background: #fff; }

/* Homepage hero: quieter, premium, and built directly around the supplied logo. */
.celestial-hero { position: relative; min-height: 640px; overflow: hidden; color: #fff; background: linear-gradient(118deg, #04132f 0%, #071d43 56%, #0d2b5b 100%); isolation: isolate; }
.celestial-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .45; background-image: radial-gradient(circle, rgba(237,198,109,.75) 1px, transparent 1.3px); background-size: 88px 88px; mask-image: linear-gradient(90deg, #000, transparent 72%); }
.celestial-hero::after { content: ""; position: absolute; z-index: -1; width: 620px; height: 620px; right: -150px; top: -220px; border: 1px solid rgba(237,198,109,.16); border-radius: 50%; box-shadow: 0 0 0 70px rgba(237,198,109,.025), 0 0 0 140px rgba(237,198,109,.018); }
.celestial-hero-inner { min-height: 640px; display: flex; align-items: center; justify-content: space-between; gap: 5rem; padding-top: 72px; padding-bottom: 82px; }
.celestial-hero-copy { position: relative; z-index: 2; max-width: 675px; }
.celestial-eyebrow { display: inline-flex; align-items: center; gap: .7rem; margin-bottom: 1.5rem; color: var(--an-gold-light); font-size: .75rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.celestial-eyebrow::after { content: ""; width: 46px; height: 1px; margin-left: .3rem; background: rgba(237,198,109,.55); }
.celestial-hero h1 { margin: 0 0 1.35rem !important; color: #fff !important; font-size: clamp(3.5rem, 5.7vw, 5.3rem) !important; font-weight: 600; line-height: .98 !important; letter-spacing: -.035em; }
.celestial-hero h1 em { display: block; color: var(--an-gold-light); font-weight: 500; }
.celestial-hero-copy > p { max-width: 610px; margin: 0 0 2.1rem; color: rgba(255,255,255,.75); font-size: 1.06rem; line-height: 1.8; }
.celestial-actions { display: flex; flex-wrap: wrap; gap: .9rem; }
.celestial-btn { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 52px; padding: .9rem 1.45rem; border: 1px solid transparent; border-radius: 8px; font-size: .9rem; font-weight: 700; transition: .22s ease; }
.celestial-btn:hover { text-decoration: none; transform: translateY(-3px); }
.celestial-btn-primary { color: var(--an-navy); background: linear-gradient(135deg, #f0d078, #c98a20); box-shadow: 0 14px 28px rgba(201,138,32,.2); }
.celestial-btn-primary:hover { color: var(--an-navy); box-shadow: 0 18px 35px rgba(201,138,32,.3); }
.celestial-btn-ghost { color: #fff; border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.045); }
.celestial-btn-ghost:hover { color: #fff; border-color: var(--an-gold-light); background: rgba(255,255,255,.08); }
.celestial-trust { display: flex; flex-wrap: wrap; gap: 1.6rem; margin-top: 2.25rem; color: rgba(255,255,255,.6); font-size: .75rem; }
.celestial-trust span { display: flex; align-items: center; gap: .45rem; }
.celestial-trust span::before { content: "✓"; display: grid; width: 18px; height: 18px; place-items: center; color: var(--an-gold-light); border: 1px solid rgba(237,198,109,.45); border-radius: 50%; font-size: .6rem; }
.celestial-trust strong { color: #fff; font-weight: 600; }

.celestial-brand-mark { position: relative; z-index: 1; flex: 0 0 390px; display: flex; flex-direction: column; align-items: center; }
.celestial-brand-glow { position: absolute; inset: 10% 2%; z-index: -1; border: 1px solid rgba(237,198,109,.35); border-radius: 50%; box-shadow: 0 0 80px rgba(201,138,32,.16), 0 0 0 32px rgba(255,255,255,.025); }
.celestial-brand-mark img { display: block; width: 360px; height: 360px; padding: 18px; object-fit: contain; border: 1px solid rgba(237,198,109,.42); border-radius: 50%; background: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.32); }
.celestial-brand-caption { margin-top: 1.4rem; color: rgba(255,255,255,.65); font-family: "Cormorant Garamond", serif; font-size: 1rem; letter-spacing: .13em; text-transform: uppercase; }

/* Consistent premium surfaces below the fold. */
.celestial-panchang-wrap { position: relative; z-index: 5; margin-top: -42px !important; }
.kundli-card, .panchang-card, .psychic-card, .daily_horoscope_box { overflow: hidden; border: 1px solid rgba(6,26,61,.09) !important; border-radius: 14px !important; box-shadow: 0 18px 45px rgba(6,26,61,.09) !important; }
.panchang-card { background: linear-gradient(145deg, #08204a, #04142f) !important; }
.time-card { border: 1px solid rgba(237,198,109,.2); border-radius: 9px; background: rgba(255,255,255,.055) !important; }
.as_heading, .font-28.text-black { color: var(--an-navy) !important; font-size: clamp(2.35rem, 4vw, 3.3rem) !important; }
.daily_horoscope_box { padding: 22px 10px !important; background: rgba(255,255,255,.9); transition: .22s ease; }
.daily_horoscope_box:hover, .psychic-card:hover { border-color: rgba(201,138,32,.35) !important; transform: translateY(-5px); box-shadow: 0 24px 50px rgba(6,26,61,.14) !important; }
.view-more, .detailed-link { color: var(--an-navy) !important; border-color: var(--an-gold) !important; }
#footer { background: linear-gradient(135deg, #03112b 0%, #08234f 100%) !important; border-top: 2px solid var(--an-gold); }

@media (max-width: 991px) { .celestial-hero, .celestial-hero-inner { min-height: 590px; } .celestial-brand-mark { display: none; } .celestial-hero-copy { max-width: 760px; } }
@media (max-width: 576px) { .header .top-navbar { min-height: 70px; } .celestial-hero, .celestial-hero-inner { min-height: 650px; } .celestial-hero-inner { padding: 58px 22px 82px; } .celestial-hero h1 { font-size: 3.25rem !important; } .celestial-actions { flex-direction: column; } .celestial-trust { gap: .8rem 1rem; } }
@media (prefers-reduced-motion: reduce) { .celestial-btn, .daily_horoscope_box, .psychic-card { transition: none; } }