/* ════════════════════════════════════════════
nga-ph  =  NextGenAstro Page Header
All classes prefixed with  nga-ph__
to avoid any CSS conflict in real project
════════════════════════════════════════════ */

/* ── Section wrapper ── */
.nga-ph {
position: relative;
overflow: hidden;
padding: 56px 0 44px;
background:
linear-gradient(140deg,
var(--bg-dark)     0%,
var(--primary)     45%,
var(--primary-mid) 100%);
}


/* Glow blob — top right */
.nga-ph__blob-tr {
position: absolute;
top: -80px; right: -80px;
width: 380px; height: 380px;
border-radius: 50%;
background: radial-gradient(
circle,
rgba(249,115,22,.18) 0%,
rgba(107,33,200,.12) 40%,
transparent 70%
);
pointer-events: none;
}

/* Glow blob — bottom left */
.nga-ph__blob-bl {
position: absolute;
bottom: -100px; left: -60px;
width: 320px; height: 320px;
border-radius: 50%;
background: radial-gradient(
circle,
rgba(61,18,120,.65) 0%,
transparent 70%
);
pointer-events: none;
}

/* Mesh grid overlay */
.nga-ph__mesh {
position: absolute;
inset: 0;
pointer-events: none;
background-image:
linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
background-size: 40px 40px;
}

/* Stars container */
.nga-ph__stars {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}
.nga-ph__star {
position: absolute;
border-radius: 50%;
background: #fff;
animation: nga-ph-twinkle var(--nga-d, 3s) ease-in-out
infinite var(--nga-dl, 0s);
}
@keyframes nga-ph-twinkle {
0%, 100% { opacity: var(--nga-o, .4); }
50%       { opacity: .06; }
}

/* ── Inner container ── */
.nga-ph__inner {
position: relative;
z-index: 2;
}


/* ════════════════════════════════════════════
TITLE ROW
════════════════════════════════════════════ */
.nga-ph__title-row {
display: flex;
align-items: flex-start;
gap: 18px;
margin-bottom: 0px;
}

/* Main H1 */
.nga-ph__title {
font-family: 'Cinzel', serif;
font-size: clamp(1.55rem, 3.8vw, 2.65rem);
font-weight: 700;
color: var(--text-white);
line-height: 1.15;
letter-spacing: .01em;
}
/* Highlighted words in title */
.nga-ph__title-hl {
background: linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

/* ── Animated underline ── */
.nga-ph__underline {
width: 64px;
height: 3px;
border-radius: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
margin: 14px 0 22px 0px; 
box-shadow: 0 2px 12px rgba(249,115,22,.45);
animation: nga-ph-grow .7s ease forwards;
transform-origin: left;
}
@keyframes nga-ph-grow {
from { transform: scaleX(0); opacity: 0; }
to   { transform: scaleX(1); opacity: 1; }
}

/* ════════════════════════════════════════════
DESCRIPTION
════════════════════════════════════════════ */
.nga-ph__desc {
font-size: .96rem;
color: rgba(255,255,255,.58);
line-height: 1.85;
max-width: 1200px;
font-weight: 400;
}
.nga-ph__desc strong {
color: rgba(255,255,255,.88);
font-weight: 700;
}

/* ════════════════════════════════════════════
STATS ROW
════════════════════════════════════════════ */
.nga-ph__stats {
display: flex;
align-items: center;
gap: 15px;
margin-top: 30px;
flex-wrap: wrap;
}

.nga-ph__stat {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(249,115,22,.18);
border-radius: 12px;
padding: 10px 16px;
backdrop-filter: blur(6px);
transition: background .2s, border-color .2s, transform .2s;
cursor: default;
}
.nga-ph__stat:hover {
background: rgba(249,115,22,.1);
border-color: rgba(249,115,22,.4);
transform: translateY(-2px);
}

.nga-ph__stat-icon {
width: 34px; height: 34px;
border-radius: 9px;
background: linear-gradient(135deg,
rgba(249,115,22,.25) 0%,
rgba(251,191,36,.15) 100%);
border: 1px solid rgba(249,115,22,.3);
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
flex-shrink: 0;
}

.nga-ph__stat-body { line-height: 1.2; }
.nga-ph__stat-val {
display: block;
font-size: .9rem;
font-weight: 800;
color: var(--accent-2);
letter-spacing: .01em;
}
.nga-ph__stat-lbl {
display: block;
font-size: .65rem;
color: rgba(255,255,255,.42);
letter-spacing: .06em;
text-transform: uppercase;
margin-top: 1px;
}



/* ════════════════════════════════════════════
RESPONSIVE
════════════════════════════════════════════ */
@media (max-width: 768px) {
.nga-ph { padding: 40px 0 32px; }
.nga-ph__desc,
.nga-ph__stats,
.nga-ph__underline { padding-left: 0; margin-left: 0; }
.nga-ph__title-row  { gap: 12px; }
}
@media (max-width: 520px) {
.nga-ph__stats { gap: 6px; }
.nga-ph__stat  { padding: 8px 12px; }
.nga-ph__bc { padding: 4px 10px 4px 4px; }
}



/* ════════════════════════════════════════
SECTION WRAPPER  — nga-faq & nga-find
All classes prefixed to avoid conflicts
════════════════════════════════════════ */

/* ── shared section padding ── */
.nga-faq,
.nga-find {
padding: 70px 0;
}

/* ── shared section heading ── */
.nga-sec__head {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 36px;
}
.nga-sec__icon {
width: 46px; height: 46px;
border-radius: 13px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
box-shadow: 0 6px 20px rgba(249,115,22,.38);
flex-shrink: 0;
}
.nga-sec__icon i { font-size: 1.1rem; color: var(--primary); }
.nga-sec__title {
font-family: 'Cinzel', serif;
font-size: clamp(1.25rem, 2.8vw, 1.75rem);
font-weight: 700;
color: var(--text-white);
line-height: 1;
margin: 0;
}
.nga-sec__title span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-sec__bar {
width: 52px; height: 3px;
border-radius: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
margin-top: 8px;
box-shadow: 0 2px 10px rgba(249,115,22,.4);
}


/* ════════════════════════════════════════
FAQ SECTION  — white bg
════════════════════════════════════════ */
.nga-faq {
background: #ffffff;
position: relative;
}


/* override heading text for white bg */
.nga-faq .nga-sec__title { color: var(--primary); }
.nga-faq .nga-sec__title span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

/* accordion item */
.nga-faq__item {
border: 1px solid #e8e0f5;
border-radius: 12px;
margin-bottom: 10px;
overflow: hidden;
transition: border-color .25s, box-shadow .25s;
background: #faf8ff;
}
.nga-faq__item:hover {
border-color: rgba(249,115,22,.4);
box-shadow: 0 4px 18px rgba(249,115,22,.08);
}
.nga-faq__item.nga-faq--open {
border-color: var(--accent);
background: #fff;
box-shadow: 0 6px 24px rgba(249,115,22,.12);
}

/* question button */
.nga-faq__q {
width: 100%;
display: flex;
align-items: center;
gap: 14px;
padding: 18px 20px;
background: none;
border: none;
cursor: pointer;
text-align: left;
font-family: 'Nunito', sans-serif;
}

/* number badge */
.nga-faq__num {
flex-shrink: 0;
width: 30px; height: 30px;
border-radius: 8px;
background: rgba(249,115,22,.12);
border: 1px solid rgba(249,115,22,.22);
display: flex; align-items: center; justify-content: center;
font-size: .72rem;
font-weight: 800;
color: var(--accent-2);
line-height: 1;
transition: background .25s;
}
.nga-faq__item.nga-faq--open .nga-faq__num {
background: linear-gradient(135deg, var(--accent), var(--accent-2));
color: var(--primary);
border-color: transparent;
}

/* question text */
.nga-faq__qtext {
flex: 1;
font-size: .95rem;
font-weight: 600;
color: var(--primary);
line-height: 1.4;
transition: color .2s;
}
.nga-faq__item.nga-faq--open .nga-faq__qtext,
.nga-faq__item:hover .nga-faq__qtext {
color: var(--accent);
}

/* toggle icon */
.nga-faq__toggle {
flex-shrink: 0;
width: 32px; height: 32px;
border-radius: 8px;
background: rgba(28,10,74,.07);
border: 1px solid #ddd6f7;
display: flex; align-items: center; justify-content: center;
color: var(--primary-mid);
font-size: .75rem;
transition: all .28s;
}
.nga-faq__item.nga-faq--open .nga-faq__toggle {
background: linear-gradient(135deg, var(--accent), var(--accent-2));
border-color: transparent;
color: var(--primary);
transform: rotate(45deg);
}

/* answer panel */
.nga-faq__ans {
max-height: 0;
overflow: hidden;
transition: max-height .35s ease, padding .3s;
}
.nga-faq__item.nga-faq--open .nga-faq__ans {
max-height: 400px;
}
.nga-faq__ans-inner {
padding: 0 20px 18px 64px; /* indent under question text */
font-size: .9rem;
color: #64748b;
line-height: 1.8;
}
.nga-faq__ans-inner strong { color: var(--primary); }


/* ════════════════════════════════════════
FIND BEST ASTROLOGERS SECTION  — dark bg
════════════════════════════════════════ */
.nga-find {
background:
radial-gradient(ellipse 55% 55% at 10% 20%,
rgba(61,18,120,.4) 0%, transparent 60%),
radial-gradient(ellipse 50% 50% at 90% 80%,
rgba(249,115,22,.06) 0%, transparent 60%),
linear-gradient(180deg, var(--bg-dark) 0%, var(--primary) 50%, var(--bg-dark) 100%);
position: relative;
}

/* top divider from white FAQ above */
.nga-find::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg,
var(--primary) 0%,
var(--accent) 40%,
var(--accent-2) 60%,
var(--primary) 100%);
}

/* 4-column grid */
.nga-find__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}

/* each card */
.nga-find__card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 16px;
overflow: hidden;
transition: border-color .25s, transform .25s, box-shadow .25s;
}
.nga-find__card:hover {
border-color: rgba(249,115,22,.35);
transform: translateY(-3px);
box-shadow: 0 16px 40px rgba(0,0,0,.35);
}

/* card header — dark purple */
.nga-find__card-head {
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px;
background: var(--primary);
border-bottom: none;
position: relative;
}
/* left orange bar */
.nga-find__card-head::before {
content: '';
position: absolute;
left: 0; top: 0; bottom: 0;
width: 3px;
background: linear-gradient(180deg, var(--accent), var(--accent-2));
border-radius: 0 2px 2px 0;
}
.nga-find__card-head-icon {
width: 32px; height: 32px;
border-radius: 9px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 12px rgba(249,115,22,.4);
}
.nga-find__card-head-icon i { font-size: .8rem; color: var(--primary); }
.nga-find__card-head-title {
font-size: .88rem;
font-weight: 700;
color: #ffffff;
letter-spacing: .01em;
margin: 0;
}

/* card body — white */
.nga-find__card-body {
padding: 6px 0;
max-height: 260px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(249,115,22,.35) transparent;
}
.nga-find__card-body::-webkit-scrollbar { width: 3px; }
.nga-find__card-body::-webkit-scrollbar-thumb {
background: rgba(249,115,22,.35);
border-radius: 2px;
}

/* each link row */
.nga-find__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 16px;
font-size: .83rem;
font-weight: 500;
color: rgba(255,255,255,.65);
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,.04);
transition: color .15s, background .15s, padding-left .18s;
}
.nga-find__link:last-child { border-bottom: none; }
.nga-find__link:hover {
color: var(--accent-2);
background: rgba(249,115,22,.06);
padding-left: 22px;
}
.nga-find__link i {
font-size: .65rem;
color: rgba(249,115,22,.45);
transition: color .15s, transform .18s;
flex-shrink: 0;
}
.nga-find__link:hover i {
color: var(--accent-2);
transform: translateX(3px);
}

/* ── Responsive ── */
@media (max-width: 1100px) {
.nga-find__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.nga-faq,
.nga-find       { padding: 44px 0; }
.nga-find__grid { grid-template-columns: 1fr; }
.nga-faq__ans-inner { padding-left: 20px; }
}


/* ═══════════════════════════════════════════
nga-hs  SHARED ZODIAC GRID
═══════════════════════════════════════════ */

.nga-hs__header {
display: flex; align-items: center; gap: 14px;
margin-bottom: 36px;
}
.nga-hs__hicon {
width: 46px; height: 46px; border-radius: 13px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
box-shadow: 0 6px 20px rgba(249,115,22,.38); flex-shrink: 0;
}
.nga-hs__hicon i { font-size: 1.1rem; color: var(--primary); }
.nga-hs__htitle {
font-size: clamp(1.2rem, 2.5vw, 1.65rem);
font-weight: 700; color: var(--text-white); margin: 0;
}
.nga-hs__htitle span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-hs__hbar {
width: 50px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
margin-top: 6px;
}

/* 12-sign grid */
.nga-hs__grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
}

.nga-hs__card {
position: relative;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 14px;
padding: 18px 10px 14px;
text-align: center;
cursor: pointer;
text-decoration: none;
display: block;
transition: all .25s;
overflow: hidden;
}
.nga-hs__card::before {
content: '';
position: absolute; inset: 0;
background: linear-gradient(135deg,
rgba(249,115,22,.0) 0%, rgba(251,191,36,.08) 100%);
opacity: 0; transition: opacity .25s;
}
.nga-hs__card:hover, .nga-hs__card.nga-hs--active {
border-color: var(--accent);
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(249,115,22,.2);
}
.nga-hs__card:hover::before,
.nga-hs__card.nga-hs--active::before { opacity: 1; }

.nga-hs__card.nga-hs--active {
background: rgba(249,115,22,.1);
}

.nga-hs__symbol {
font-size: 2rem; line-height: 1;
margin-bottom: 8px; display: block;
filter: drop-shadow(0 2px 8px rgba(249,115,22,.4));
}
.nga-hs__name {
font-size: .78rem; font-weight: 700;
color: var(--text-white);
letter-spacing: .04em; text-transform: uppercase;
display: block; margin-bottom: 3px;
}
.nga-hs__dates {
font-size: .65rem; color: rgba(255,255,255,.4);
letter-spacing: .02em; display: block;
}
/* active dot */
.nga-hs__card.nga-hs--active .nga-hs__name { color: var(--accent-2); }
.nga-hs__active-dot {
display: none;
position: absolute; top: 8px; right: 8px;
width: 7px; height: 7px; border-radius: 50%;
background: var(--accent);
box-shadow: 0 0 8px var(--accent);
}
.nga-hs__card.nga-hs--active .nga-hs__active-dot { display: block; }

@media(max-width:991px){ .nga-hs__grid{ grid-template-columns: repeat(4,1fr); } }
@media(max-width:575px){ .nga-hs__grid{ grid-template-columns: repeat(3,1fr); gap:8px; } }


/* ═══════════════════════════════════════════
nga-dh  DAILY HOROSCOPE SECTIONS
═══════════════════════════════════════════ */

/* ── 1. Date Banner ── */
.nga-dh__banner {
background: linear-gradient(135deg,
rgba(61,18,120,.5) 0%, rgba(28,10,74,.8) 100%);
border: 1px solid rgba(249,115,22,.2);
border-radius: 16px;
padding: 20px 28px;
margin-bottom: 32px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 14px;
position: relative;
overflow: hidden;
}
.nga-dh__banner::after {
content: '';
position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-dh__banner-left { display: flex; align-items: center; gap: 16px; }
.nga-dh__banner-icon {
width: 52px; height: 52px; border-radius: 14px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
font-size: 1.5rem; flex-shrink: 0;
box-shadow: 0 6px 20px rgba(249,115,22,.35);
}
.nga-dh__banner-date {
font-size: 1.15rem; font-weight: 700;
color: var(--text-white); margin: 0;
}
.nga-dh__banner-sub {
font-size: .78rem; color: rgba(255,255,255,.5);
margin-top: 2px; display: block;
}
.nga-dh__banner-right { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.nga-dh__moon-chip {
display: flex; align-items: center; gap: 7px;
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.12);
border-radius: 30px; padding: 7px 14px;
font-size: .8rem; color: rgba(255,255,255,.75);
font-weight: 600;
}
.nga-dh__moon-chip span { color: var(--accent-2); }
.nga-dh__energy-chip {
display: flex; align-items: center; gap: 7px;
background: rgba(249,115,22,.12);
border: 1px solid rgba(249,115,22,.25);
border-radius: 30px; padding: 7px 14px;
font-size: .8rem; color: var(--accent-2); font-weight: 700;
}

/* ── 2. Selected Sign Detail Card ── */
.nga-dh__detail { margin-bottom: 32px; }

.nga-dh__detail-card {
background: linear-gradient(140deg,
rgba(61,18,120,.45) 0%, rgba(28,10,74,.7) 100%);
border: 1px solid rgba(249,115,22,.2);
border-radius: 20px;
overflow: hidden;
}

/* sign header strip */
.nga-dh__sign-head {
background: linear-gradient(90deg, var(--primary) 0%, var(--primary-mid) 100%);
padding: 22px 28px;
display: flex; align-items: center; gap: 18px;
border-bottom: 1px solid rgba(249,115,22,.15);
flex-wrap: wrap; gap: 16px;
}
.nga-dh__sign-emoji {
font-size: 3rem; line-height: 1;
filter: drop-shadow(0 4px 12px rgba(249,115,22,.5));
}
.nga-dh__sign-info { flex: 1; }
.nga-dh__sign-name {
font-size: 1.6rem; font-weight: 700;
color: var(--text-white); margin: 0; line-height: 1;
}
.nga-dh__sign-name span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-dh__sign-sub {
font-size: .82rem; color: rgba(255,255,255,.5);
margin-top: 4px; display: block;
}
.nga-dh__rating {
display: flex; align-items: center; gap: 6px;
background: rgba(249,115,22,.12);
border: 1px solid rgba(249,115,22,.25);
border-radius: 10px; padding: 8px 16px;
}
.nga-dh__rating-stars { color: var(--accent-2); font-size: .9rem; }
.nga-dh__rating-val {
font-size: 1.1rem; font-weight: 700; color: var(--accent-2);
}
.nga-dh__rating-lbl {
font-size: .7rem; color: rgba(255,255,255,.5);
letter-spacing: .04em; text-transform: uppercase;
}

/* body */
.nga-dh__sign-body { padding: 26px 28px; }

.nga-dh__prediction {
font-size: .96rem; color: rgba(255,255,255,.72);
line-height: 1.85; margin-bottom: 28px;
}
.nga-dh__prediction strong { color: var(--text-white); }

/* 4 meter bars */
.nga-dh__meters { margin-bottom: 28px; }
.nga-dh__meters-title {
font-size: .82rem; font-weight: 600;
color: rgba(255,255,255,.45);
letter-spacing: .12em; text-transform: uppercase;
margin-bottom: 14px;
}
.nga-dh__meter-row {
display: flex; align-items: center; gap: 12px;
margin-bottom: 12px;
}
.nga-dh__meter-icon {
width: 32px; height: 32px; border-radius: 8px;
display: flex; align-items: center; justify-content: center;
font-size: .85rem; flex-shrink: 0;
}
.nga-dh__meter-lbl {
width: 72px; font-size: .8rem; font-weight: 700;
color: rgba(255,255,255,.7); flex-shrink: 0;
}
.nga-dh__meter-track {
flex: 1; height: 8px; border-radius: 4px;
background: rgba(255,255,255,.08); overflow: hidden;
}
.nga-dh__meter-fill {
height: 100%; border-radius: 4px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
transition: width 1s ease;
box-shadow: 0 0 8px rgba(249,115,22,.4);
}
.nga-dh__meter-pct {
width: 36px; text-align: right;
font-size: .8rem; font-weight: 800;
color: var(--accent-2); flex-shrink: 0;
}

/* meter icon colors */
.nga-dh__meter-icon--love   { background: rgba(239,68,68,.15); color: #f87171; }
.nga-dh__meter-icon--career { background: rgba(59,130,246,.15); color: #60a5fa; }
.nga-dh__meter-icon--health { background: rgba(34,197,94,.15);  color: #4ade80; }
.nga-dh__meter-icon--money  { background: rgba(251,191,36,.15); color: var(--accent-2); }

/* Lucky + Dos/Donts grid */
.nga-dh__bottom-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
}
.nga-dh__lucky-box,
.nga-dh__dos-box {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.07);
border-radius: 14px; padding: 18px;
}
.nga-dh__box-title {
font-size: .72rem; font-weight: 800;
color: var(--accent-2);
letter-spacing: .1em; text-transform: uppercase;
margin-bottom: 14px; display: flex; align-items: center; gap: 6px;
}
.nga-dh__lucky-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.nga-dh__lucky-item {
display: flex; flex-direction: column; gap: 2px;
background: rgba(255,255,255,.04);
border-radius: 10px; padding: 10px 12px;
}
.nga-dh__lucky-key {
font-size: .64rem; color: rgba(255,255,255,.4);
text-transform: uppercase; letter-spacing: .06em;
}
.nga-dh__lucky-val {
font-size: .88rem; font-weight: 700;
color: var(--text-white);
}
.nga-dh__lucky-val.color-dot::before {
content: '●'; margin-right: 5px;
}

/* Dos & Donts chips */
.nga-dh__chip-wrap { display: flex; flex-direction: column; gap: 8px; }
.nga-dh__chip {
display: flex; align-items: center; gap: 8px;
padding: 8px 12px; border-radius: 8px;
font-size: .82rem; font-weight: 600;
}
.nga-dh__chip--do {
background: rgba(34,197,94,.1);
border: 1px solid rgba(34,197,94,.2);
color: #4ade80;
}
.nga-dh__chip--dont {
background: rgba(239,68,68,.1);
border: 1px solid rgba(239,68,68,.2);
color: #f87171;
}
.nga-dh__chip i { font-size: .75rem; }

@media(max-width:768px){
.nga-dh__bottom-grid { grid-template-columns: 1fr; }
.nga-dh__sign-body { padding: 18px; }
.nga-dh__sign-head { padding: 18px; }
}

/* ── 3. Cosmic Tip Card ── */
.nga-dh__tip {
position: relative;
background: linear-gradient(135deg,
rgba(249,115,22,.12) 0%, rgba(251,191,36,.06) 100%);
border: 1px solid rgba(249,115,22,.25);
border-radius: 18px;
padding: 30px 32px;
overflow: hidden;
margin-bottom: 64px;
}
.nga-dh__tip::before {
content: '\201C';
position: absolute; top: -10px; left: 18px;
font-size: 8rem; font-weight: 700;
color: rgba(249,115,22,.1); line-height: 1;
pointer-events: none;
}
.nga-dh__tip-label {
display: inline-flex; align-items: center; gap: 6px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
color: var(--primary);
font-size: .68rem; font-weight: 800;
letter-spacing: .1em; text-transform: uppercase;
padding: 4px 12px; border-radius: 30px;
margin-bottom: 14px;
}
.nga-dh__tip-text {
font-size: clamp(1rem, 2.2vw, 1.3rem);
font-weight: 600;
color: var(--text-white);
line-height: 1.6;
margin: 0;
position: relative; z-index: 1;
}
.nga-dh__tip-text em { color: var(--accent-2); font-style: normal; }
.nga-dh__tip-attr {
margin-top: 14px;
font-size: .78rem; color: rgba(255,255,255,.4);
}


/* ═══════════════════════════════════════════
nga-wh  WEEKLY HOROSCOPE SECTIONS
═══════════════════════════════════════════ */

/* ── Week Range Banner ── */
.nga-wh__banner {
background: linear-gradient(135deg,
rgba(61,18,120,.5) 0%, rgba(28,10,74,.8) 100%);
border: 1px solid rgba(249,115,22,.2);
border-radius: 16px;
padding: 20px 28px;
margin-bottom: 32px;
display: flex; align-items: center;
justify-content: space-between; flex-wrap: wrap; gap: 14px;
position: relative; overflow: hidden;
}
.nga-wh__banner::after {
content: ''; position: absolute;
top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-wh__banner-left { display: flex; align-items: center; gap: 16px; }
.nga-wh__banner-icon {
width: 52px; height: 52px; border-radius: 14px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
font-size: 1.4rem; flex-shrink: 0;
box-shadow: 0 6px 20px rgba(249,115,22,.35);
}
.nga-wh__banner-title {
font-size: 1.15rem; font-weight: 700;
color: var(--text-white); margin: 0;
}
.nga-wh__banner-sub {
font-size: .78rem; color: rgba(255,255,255,.5);
margin-top: 3px; display: block;
}
.nga-wh__banner-right { display: flex; gap: 10px; flex-wrap: wrap; }
.nga-wh__pill {
display: flex; align-items: center; gap: 6px;
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.12);
border-radius: 30px; padding: 7px 14px;
font-size: .8rem; color: rgba(255,255,255,.75); font-weight: 600;
}
.nga-wh__pill span { color: var(--accent-2); }

/* ── Sign Strip (small sign reminder) ── */
.nga-wh__sign-strip {
display: flex; align-items: center; gap: 14px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.07);
border-radius: 14px; padding: 14px 20px;
margin-bottom: 28px; flex-wrap: wrap;
}
.nga-wh__sign-strip-sym { font-size: 2rem; line-height: 1; }
.nga-wh__sign-strip-name {
font-size: 1.1rem; font-weight: 700;
color: var(--text-white);
}
.nga-wh__sign-strip-name span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-wh__sign-strip-sub { font-size: .8rem; color: rgba(255,255,255,.45); }
.nga-wh__overall-score {
margin-left: auto;
display: flex; align-items: center; gap: 10px;
background: rgba(249,115,22,.1);
border: 1px solid rgba(249,115,22,.25);
border-radius: 10px; padding: 8px 16px;
}
.nga-wh__score-val {
font-size: 1.4rem; font-weight: 700; color: var(--accent-2);
}
.nga-wh__score-lbl {
font-size: .68rem; color: rgba(255,255,255,.5);
letter-spacing: .04em; text-transform: uppercase;
}

/* ── Week at a Glance — 7 day strip ── */
.nga-wh__week-label {
font-size: .78rem; font-weight: 600;
color: rgba(255,255,255,.4);
letter-spacing: .12em; text-transform: uppercase;
margin-bottom: 14px;
}
.nga-wh__day-strip {
display: grid; grid-template-columns: repeat(7,1fr);
gap: 10px; margin-bottom: 32px;
}
.nga-wh__day {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.07);
border-radius: 12px; padding: 14px 8px;
text-align: center; cursor: pointer;
transition: all .22s;
}
.nga-wh__day:hover, .nga-wh__day.nga-wh--today {
border-color: var(--accent);
background: rgba(249,115,22,.08);
transform: translateY(-3px);
}
.nga-wh__day.nga-wh--today { box-shadow: 0 8px 24px rgba(249,115,22,.2); }
.nga-wh__day-name {
font-size: .65rem; font-weight: 800;
color: rgba(255,255,255,.4); letter-spacing: .08em;
text-transform: uppercase; display: block; margin-bottom: 6px;
}
.nga-wh__day.nga-wh--today .nga-wh__day-name { color: var(--accent-2); }
.nga-wh__day-date {
font-size: .82rem; font-weight: 700;
color: var(--text-white); display: block; margin-bottom: 8px;
}
.nga-wh__day-mood { font-size: 1.3rem; display: block; margin-bottom: 6px; }
.nga-wh__day-score {
font-size: .7rem; font-weight: 800;
color: var(--accent-2); display: block;
}
.nga-wh__day-today-badge {
display: none; font-size: .55rem; font-weight: 800;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
color: var(--primary);
padding: 2px 7px; border-radius: 20px;
letter-spacing: .06em; text-transform: uppercase;
margin-top: 4px;
}
.nga-wh__day.nga-wh--today .nga-wh__day-today-badge { display: inline-block; }

/* ── 3 Column deep cards ── */
.nga-wh__deep-grid {
display: grid; grid-template-columns: repeat(3,1fr);
gap: 18px; margin-bottom: 32px;
}
.nga-wh__deep-card {
background: linear-gradient(140deg,
rgba(61,18,120,.35) 0%, rgba(28,10,74,.6) 100%);
border: 1px solid rgba(255,255,255,.08);
border-radius: 18px; overflow: hidden;
transition: border-color .25s, transform .25s;
}
.nga-wh__deep-card:hover {
border-color: rgba(249,115,22,.35);
transform: translateY(-4px);
}
.nga-wh__deep-head {
padding: 16px 20px;
display: flex; align-items: center; gap: 10px;
border-bottom: 1px solid rgba(255,255,255,.06);
}
.nga-wh__deep-icon {
width: 38px; height: 38px; border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 1rem; flex-shrink: 0;
}
.nga-wh__deep-icon--love   { background: rgba(239,68,68,.15); color: #f87171; }
.nga-wh__deep-icon--career { background: rgba(59,130,246,.15); color: #60a5fa; }
.nga-wh__deep-icon--health { background: rgba(34,197,94,.15);  color: #4ade80; }
.nga-wh__deep-title {
font-size: .95rem; font-weight: 700;
color: var(--text-white); margin: 0;
}
.nga-wh__deep-score {
margin-left: auto;
font-size: 1.1rem; font-weight: 700; color: var(--accent-2);
}
.nga-wh__deep-body {
padding: 18px 20px;
}
.nga-wh__deep-text {
font-size: .875rem; color: rgba(255,255,255,.65);
line-height: 1.8; margin-bottom: 14px;
}
.nga-wh__deep-text strong { color: var(--text-white); }
.nga-wh__deep-bar-wrap { margin-top: 8px; }
.nga-wh__deep-bar-lbl {
display: flex; justify-content: space-between;
font-size: .7rem; color: rgba(255,255,255,.4);
margin-bottom: 5px;
}
.nga-wh__deep-track {
height: 6px; border-radius: 3px;
background: rgba(255,255,255,.08); overflow: hidden;
}
.nga-wh__deep-fill {
height: 100%; border-radius: 3px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
box-shadow: 0 0 8px rgba(249,115,22,.4);
}
.nga-wh__deep-highlights { margin-top: 14px; display: flex; flex-direction: column; gap: 7px; }
.nga-wh__deep-hl {
display: flex; align-items: flex-start; gap: 8px;
font-size: .8rem; color: rgba(255,255,255,.6);
}
.nga-wh__deep-hl i { color: var(--accent-2); margin-top: 3px; font-size: .7rem; flex-shrink: 0; }

/* ── Best & Challenging Days ── */
.nga-wh__days-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 16px;
}
.nga-wh__days-box {
border-radius: 16px; padding: 22px;
border: 1px solid;
}
.nga-wh__days-box--best {
background: rgba(34,197,94,.06);
border-color: rgba(34,197,94,.2);
}
.nga-wh__days-box--hard {
background: rgba(239,68,68,.06);
border-color: rgba(239,68,68,.2);
}
.nga-wh__days-box-title {
display: flex; align-items: center; gap: 8px;
font-size: .9rem; font-weight: 700;
margin-bottom: 16px;
}
.nga-wh__days-box--best .nga-wh__days-box-title { color: #4ade80; }
.nga-wh__days-box--hard .nga-wh__days-box-title { color: #f87171; }
.nga-wh__day-badge-wrap { display: flex; flex-wrap: wrap; gap: 8px; }
.nga-wh__day-badge {
padding: 6px 14px; border-radius: 30px;
font-size: .8rem; font-weight: 700;
}
.nga-wh__days-box--best .nga-wh__day-badge {
background: rgba(34,197,94,.12);
border: 1px solid rgba(34,197,94,.25);
color: #4ade80;
}
.nga-wh__days-box--hard .nga-wh__day-badge {
background: rgba(239,68,68,.12);
border: 1px solid rgba(239,68,68,.25);
color: #f87171;
}
.nga-wh__days-box-desc {
font-size: .82rem; color: rgba(255,255,255,.5);
line-height: 1.7; margin-top: 12px;
}

@media(max-width:991px){
.nga-wh__deep-grid { grid-template-columns: 1fr; }
.nga-wh__day-strip  { grid-template-columns: repeat(4,1fr); }
}
@media(max-width:575px){
.nga-wh__day-strip  { grid-template-columns: repeat(2,1fr); }
.nga-wh__days-grid  { grid-template-columns: 1fr; }
}



/* ═══════════════════════════════════════════
nga-mh  MONTHLY HOROSCOPE SECTIONS
═══════════════════════════════════════════ */
.nga-p { padding: 64px 0px; }

/* ── Month Banner ── */
.nga-mh__banner {
background: linear-gradient(135deg,
rgba(61,18,120,.5) 0%, rgba(28,10,74,.8) 100%);
border: 1px solid rgba(249,115,22,.2);
border-radius: 16px; padding: 20px 28px;
margin-bottom: 32px;
display: flex; align-items: center;
justify-content: space-between; flex-wrap: wrap; gap: 14px;
position: relative; overflow: hidden;
}
.nga-mh__banner::after {
content: ''; position: absolute;
top:0; left:0; right:0; height:2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-mh__banner-left { display: flex; align-items: center; gap: 16px; }
.nga-mh__banner-icon {
width: 52px; height: 52px; border-radius: 14px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
font-size: 1.5rem; flex-shrink: 0;
box-shadow: 0 6px 20px rgba(249,115,22,.35);
}
.nga-mh__banner-title {
font-size: 1.15rem; font-weight: 700;
color: var(--text-white); margin: 0;
}
.nga-mh__banner-sub { font-size: .78rem; color: rgba(255,255,255,.5); margin-top:3px; display:block; }
.nga-mh__pill {
display: flex; align-items: center; gap: 6px;
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.12);
border-radius: 30px; padding: 7px 14px;
font-size: .8rem; color: rgba(255,255,255,.75); font-weight: 600;
}
.nga-mh__pill span { color: var(--accent-2); }

/* ── Overview Card ── */
.nga-mh__overview {
background: linear-gradient(140deg,
rgba(61,18,120,.45) 0%, rgba(28,10,74,.7) 100%);
border: 1px solid rgba(249,115,22,.18);
border-radius: 20px; overflow: hidden; margin-bottom: 28px;
}
.nga-mh__ov-head {
background: linear-gradient(90deg, var(--primary), var(--primary-mid));
padding: 22px 28px;
display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
border-bottom: 1px solid rgba(249,115,22,.12);
}
.nga-mh__ov-sym { font-size: 3rem; line-height:1; filter: drop-shadow(0 4px 12px rgba(249,115,22,.5)); }
.nga-mh__ov-info { flex:1; }
.nga-mh__ov-title {
font-size: 1.5rem; font-weight: 700;
color: var(--text-white); margin:0; line-height:1;
}
.nga-mh__ov-title span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-mh__ov-sub { font-size: .82rem; color: rgba(255,255,255,.5); margin-top:4px; display:block; }
.nga-mh__ov-score-box {
text-align: center;
background: rgba(249,115,22,.1);
border: 1px solid rgba(249,115,22,.25);
border-radius: 14px; padding: 12px 20px;
}
.nga-mh__ov-score-num {
font-size: 2rem; font-weight: 700; color: var(--accent-2);
line-height: 1; display: block;
}
.nga-mh__ov-score-lbl {
font-size: .65rem; color: rgba(255,255,255,.45);
letter-spacing: .08em; text-transform: uppercase;
}
.nga-mh__ov-body { padding: 24px 28px; }
.nga-mh__ov-text {
font-size: .95rem; color: rgba(255,255,255,.7);
line-height: 1.85; margin-bottom: 22px;
}
.nga-mh__ov-text strong { color: var(--text-white); }

/* overall meter */
.nga-mh__ov-meter-row {
display: flex; align-items: center; gap: 14px; margin-bottom: 12px;
}
.nga-mh__ov-meter-lbl {
width: 78px; font-size: .8rem; font-weight: 700;
color: rgba(255,255,255,.65); flex-shrink: 0;
display: flex; align-items: center; gap: 6px;
}
.nga-mh__ov-meter-track {
flex:1; height: 9px; border-radius: 5px;
background: rgba(255,255,255,.08); overflow: hidden;
}
.nga-mh__ov-meter-fill {
height: 100%; border-radius: 5px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
box-shadow: 0 0 8px rgba(249,115,22,.4);
}
.nga-mh__ov-meter-pct {
width: 36px; text-align: right;
font-size: .8rem; font-weight: 800; color: var(--accent-2); flex-shrink:0;
}

/* ── 4-Week Accordion ── */
.nga-mh__acc-title {
font-size: .78rem; font-weight: 600;
color: rgba(255,255,255,.4); letter-spacing: .12em;
text-transform: uppercase; margin-bottom: 14px;
}
.nga-mh__acc { margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }
.nga-mh__acc-item {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 12px; overflow: hidden;
transition: border-color .22s;
}
.nga-mh__acc-item.nga-mh--open { border-color: var(--accent); }
.nga-mh__acc-btn {
width:100%; display: flex; align-items: center; gap:14px;
padding: 16px 20px; background: none; border: none;
cursor: pointer; text-align: left; 
}
.nga-mh__acc-week-badge {
flex-shrink: 0; width: 36px; height: 36px; border-radius: 9px;
background: rgba(249,115,22,.12);
border: 1px solid rgba(249,115,22,.22);
display: flex; align-items: center; justify-content: center;
font-size: .72rem; font-weight: 800; color: var(--accent-2);
transition: background .22s;
}
.nga-mh__acc-item.nga-mh--open .nga-mh__acc-week-badge {
background: linear-gradient(135deg, var(--accent), var(--accent-2));
color: var(--primary); border-color: transparent;
}
.nga-mh__acc-btn-text { flex:1; }
.nga-mh__acc-btn-title {
font-size: .92rem; font-weight: 700;
color: rgba(255,255,255,.85); display: block;
}
.nga-mh__acc-btn-dates { font-size: .73rem; color: rgba(255,255,255,.4); }
.nga-mh__acc-btn-score {
font-size: 1rem; font-weight: 700; color: var(--accent-2); margin-right: 10px;
}
.nga-mh__acc-toggle {
flex-shrink: 0; width: 28px; height: 28px; border-radius: 7px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.1);
display: flex; align-items: center; justify-content: center;
color: rgba(255,255,255,.45); font-size: .7rem;
transition: all .25s;
}
.nga-mh__acc-item.nga-mh--open .nga-mh__acc-toggle {
background: linear-gradient(135deg, var(--accent), var(--accent-2));
border-color: transparent; color: var(--primary);
transform: rotate(45deg);
}
.nga-mh__acc-panel {
max-height: 0; overflow: hidden; transition: max-height .35s ease;
}
.nga-mh__acc-item.nga-mh--open .nga-mh__acc-panel { max-height: 600px; }
.nga-mh__acc-panel-inner {
padding: 0 20px 18px 70px;
font-size: .88rem; color: rgba(255,255,255,.62); line-height: 1.8;
}
.nga-mh__acc-panel-inner strong { color: var(--text-white); }

/* ── 6 Focus Area Cards ── */
.nga-mh__focus-title {
font-size: .78rem; font-weight: 600;
color: rgba(255,255,255,.4); letter-spacing: .12em;
text-transform: uppercase; margin-bottom: 14px;
}
.nga-mh__focus-grid {
display: grid; grid-template-columns: repeat(3,1fr);
gap: 14px; margin-bottom: 28px;
}
.nga-mh__focus-card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 16px; padding: 20px;
transition: all .22s;
}
.nga-mh__focus-card:hover {
border-color: rgba(249,115,22,.35);
background: rgba(249,115,22,.05);
transform: translateY(-3px);
}
.nga-mh__focus-icon {
width: 44px; height: 44px; border-radius: 12px;
display: flex; align-items: center; justify-content: center;
font-size: 1.2rem; margin-bottom: 12px;
}
.nga-mh__focus-name {
font-size: .85rem; font-weight: 700;
color: var(--text-white); margin-bottom: 6px;
}
.nga-mh__focus-score-row {
display: flex; align-items: center; gap: 8px; margin-bottom: 8px;
}
.nga-mh__focus-track {
flex:1; height:5px; border-radius:3px;
background: rgba(255,255,255,.08); overflow:hidden;
}
.nga-mh__focus-fill {
height:100%; border-radius:3px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-mh__focus-pct {
font-size:.75rem; font-weight:800;
color: var(--accent-2); flex-shrink:0; width:30px; text-align:right;
}
.nga-mh__focus-desc { font-size: .78rem; color: rgba(255,255,255,.5); line-height: 1.6; }

/* icon bg colors */
.nga-mh__fi--love   { background: rgba(239,68,68,.15); color: #f87171; }
.nga-mh__fi--career { background: rgba(59,130,246,.15); color: #60a5fa; }
.nga-mh__fi--health { background: rgba(34,197,94,.15);  color: #4ade80; }
.nga-mh__fi--money  { background: rgba(251,191,36,.15); color: var(--accent-2); }
.nga-mh__fi--travel { background: rgba(168,85,247,.15); color: #c084fc; }
.nga-mh__fi--family { background: rgba(236,72,153,.15); color: #f472b6; }

/* ── Important Dates Timeline ── */
.nga-mh__tl-title {
font-size: .78rem; font-weight: 600;
color: rgba(255,255,255,.4); letter-spacing: .12em;
text-transform: uppercase; margin-bottom: 18px;
}
.nga-mh__timeline { display: flex; flex-direction: column; gap: 0; }
.nga-mh__tl-item {
display: flex; gap: 18px; align-items: flex-start;
padding-bottom: 22px; position: relative;
}
/* vertical line */
.nga-mh__tl-item:not(:last-child)::after {
content:''; position:absolute;
left: 19px; top: 38px; bottom: 0; width: 2px;
background: rgba(249,115,22,.18);
}
.nga-mh__tl-dot-wrap { flex-shrink:0; display:flex; flex-direction:column; align-items:center; }
.nga-mh__tl-dot {
width: 40px; height: 40px; border-radius: 50%;
background: linear-gradient(135deg, rgba(249,115,22,.2), rgba(251,191,36,.15));
border: 2px solid rgba(249,115,22,.35);
display: flex; align-items: center; justify-content: center;
font-size: 1rem; flex-shrink:0;
}
.nga-mh__tl-dot--highlight {
background: linear-gradient(135deg, var(--accent), var(--accent-2));
border-color: var(--accent-2);
box-shadow: 0 0 16px rgba(249,115,22,.5);
}
.nga-mh__tl-content {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.07);
border-radius: 12px; padding: 14px 18px; flex:1;
margin-top: 2px;
}
.nga-mh__tl-date {
font-size: .7rem; font-weight: 800;
color: var(--accent-2); letter-spacing: .08em;
text-transform: uppercase; margin-bottom: 4px;
}
.nga-mh__tl-event {
font-size: .92rem; font-weight: 700;
color: var(--text-white); margin-bottom: 4px;
}
.nga-mh__tl-desc { font-size: .8rem; color: rgba(255,255,255,.55); line-height:1.6; }
.nga-mh__tl-tag {
display:inline-block; margin-top:6px;
font-size:.62rem; font-weight:800;
padding:2px 9px; border-radius:20px;
letter-spacing:.06em; text-transform:uppercase;
}
.nga-mh__tl-tag--good  { background:rgba(34,197,94,.15); color:#4ade80; border:1px solid rgba(34,197,94,.25); }
.nga-mh__tl-tag--alert { background:rgba(249,115,22,.15); color:var(--accent-2); border:1px solid rgba(249,115,22,.25); }
.nga-mh__tl-tag--key   { background:rgba(168,85,247,.15); color:#c084fc; border:1px solid rgba(168,85,247,.25); }

@media(max-width:991px){
.nga-mh__focus-grid { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:575px){
.nga-mh__focus-grid { grid-template-columns: 1fr; }
.nga-mh__ov-body, .nga-mh__ov-head { padding: 18px; }
.nga-mh__acc-panel-inner { padding-left: 20px; }
}


/* ══════════════════════════════════════════
nga-py  2026 PREDICTIONS  (prefix: nga-py)
══════════════════════════════════════════ */

/* ── Shared section util ── */
.nga-py__sec-pad { padding: 64px 0; }
.nga-py__sec-pad--white { background: #ffffff; }
.nga-py__sec-pad--light { background: #f8f5ff; }

/* heading (dark bg) */
.nga-py__heading {
font-size: clamp(1.25rem, 2.8vw, 1.75rem);
font-weight: 700; color: var(--text-white);
margin: 0 0 6px;
}
.nga-py__heading span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
/* heading (white bg) */
.nga-py__heading--dark { color: var(--primary); }
.nga-py__hbar {
width: 52px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
margin-top: 8px; box-shadow: 0 2px 10px rgba(249,115,22,.4);
}
.nga-py__hicon {
width: 46px; height: 46px; border-radius: 13px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
box-shadow: 0 6px 20px rgba(249,115,22,.38); flex-shrink: 0;
}
.nga-py__hicon i { color: var(--primary); font-size: 1.1rem; }

/* ─────────────────────────────────────────
SECTION 1 — YEAR OVERVIEW BANNER (dark)
───────────────────────────────────────── */
.nga-py__overview {
background:
radial-gradient(ellipse 60% 60% at 15% 30%, rgba(107,33,200,.35) 0%, transparent 60%),
radial-gradient(ellipse 50% 50% at 85% 70%, rgba(249,115,22,.1) 0%, transparent 60%),
linear-gradient(180deg, var(--bg-dark) 0%, var(--primary) 60%, var(--bg-dark) 100%);
}
.nga-py__ov-year-badge {
display: inline-flex; align-items: center; gap: 8px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
color: var(--primary); font-size: .72rem; font-weight: 800;
letter-spacing: .12em; text-transform: uppercase;
padding: 5px 16px; border-radius: 30px; margin-bottom: 18px;
}
.nga-py__ov-title {
font-size: clamp(1.6rem, 4vw, 2.6rem);
font-weight: 700; color: var(--text-white);
line-height: 1.2; margin-bottom: 18px;
}
.nga-py__ov-title span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-py__ov-desc {
font-size: 1rem; color: rgba(255,255,255,.7);
line-height: 1.85; max-width: 640px; margin-bottom: 28px;
}
.nga-py__ov-desc strong { color: var(--text-white); }
/* key stat chips row */
.nga-py__ov-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.nga-py__ov-chip {
display: flex; align-items: center; gap: 7px;
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.12);
border-radius: 30px; padding: 8px 16px;
font-size: .82rem; font-weight: 700; color: rgba(255,255,255,.8);
}
.nga-py__ov-chip i { color: var(--accent-2); }
/* right side planet visual */
.nga-py__ov-visual {
display: flex; align-items: center; justify-content: center;
padding: 36px 20px; position: relative;
}
.nga-py__planet-ring {
width: 200px; height: 200px; border-radius: 50%;
border: 2px solid rgba(249,115,22,.2);
display: flex; align-items: center; justify-content: center;
position: relative;
animation: nga-py-spin 20s linear infinite;
}
@keyframes nga-py-spin { to { transform: rotate(360deg); } }
.nga-py__planet-inner {
width: 130px; height: 130px; border-radius: 50%;
background: linear-gradient(135deg, var(--primary-mid), var(--primary));
border: 2px solid rgba(249,115,22,.35);
display: flex; align-items: center; justify-content: center;
font-size: 3.5rem;
box-shadow: 0 0 40px rgba(249,115,22,.25), inset 0 0 20px rgba(107,33,200,.3);
animation: nga-py-spin 20s linear infinite reverse;
}
.nga-py__planet-dot {
position: absolute; width: 12px; height: 12px; border-radius: 50%;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
box-shadow: 0 0 10px rgba(249,115,22,.7);
top: -6px; left: 50%; transform: translateX(-50%);
}

/* ─────────────────────────────────────────
SECTION 2 — KEY TRANSITS (white bg)
───────────────────────────────────────── */
.nga-py__transit-grid {
display: grid; grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.nga-py__transit-card {
background: #fff;
border: 1px solid #e8e0f5;
border-radius: 18px; padding: 24px;
transition: all .25s; position: relative; overflow: hidden;
}
.nga-py__transit-card::before {
content: ''; position: absolute;
top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
transform: scaleX(0); transform-origin: left;
transition: transform .3s;
}
.nga-py__transit-card:hover {
border-color: rgba(249,115,22,.4);
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(28,10,74,.12);
}
.nga-py__transit-card:hover::before { transform: scaleX(1); }
.nga-py__tc-icon {
width: 50px; height: 50px; border-radius: 14px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
font-size: 1.3rem; margin-bottom: 16px;
box-shadow: 0 6px 18px rgba(249,115,22,.3);
}
.nga-py__tc-date {
font-size: .7rem; font-weight: 800;
color: var(--accent); letter-spacing: .1em;
text-transform: uppercase; margin-bottom: 6px;
}
.nga-py__tc-title {
font-size: 1rem; font-weight: 700;
color: var(--primary); margin-bottom: 8px;
}
.nga-py__tc-desc {
font-size: .85rem; color: #64748b; line-height: 1.75;
}
.nga-py__tc-tag {
display: inline-block; margin-top: 12px;
font-size: .62rem; font-weight: 800;
padding: 3px 10px; border-radius: 20px;
letter-spacing: .06em; text-transform: uppercase;
}
.nga-py__tc-tag--rare   { background: rgba(107,33,200,.1); color: var(--primary-light); border: 1px solid rgba(107,33,200,.2); }
.nga-py__tc-tag--major  { background: rgba(249,115,22,.1); color: var(--accent); border: 1px solid rgba(249,115,22,.2); }
.nga-py__tc-tag--shift  { background: rgba(34,197,94,.1); color: #16a34a; border: 1px solid rgba(34,197,94,.2); }

/* ─────────────────────────────────────────
SECTION 3 — 12 SIGNS 2026 PREVIEW (dark)
───────────────────────────────────────── */
.nga-py__signs-bg {
background:
radial-gradient(ellipse 50% 50% at 90% 10%, rgba(249,115,22,.07) 0%, transparent 60%),
radial-gradient(ellipse 55% 55% at 5% 90%, rgba(61,18,120,.4) 0%, transparent 65%),
var(--bg-dark);
}
.nga-py__signs-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.nga-py__sign-card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 16px; padding: 20px;
transition: all .25s; cursor: pointer;
}
.nga-py__sign-card:hover {
border-color: rgba(249,115,22,.35);
background: rgba(249,115,22,.05);
transform: translateY(-3px);
box-shadow: 0 12px 30px rgba(0,0,0,.4);
}
.nga-py__sc-top {
display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
}
.nga-py__sc-sym { font-size: 1.8rem; line-height:1; }
.nga-py__sc-name {
font-size: .9rem; font-weight: 700; color: var(--text-white);
}
.nga-py__sc-score {
margin-left: auto;
font-size: 1.1rem; font-weight: 700; color: var(--accent-2);
}
.nga-py__sc-track {
height: 5px; border-radius: 3px;
background: rgba(255,255,255,.08); overflow: hidden; margin-bottom: 10px;
}
.nga-py__sc-fill {
height: 100%; border-radius: 3px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-py__sc-theme {
font-size: .78rem; color: rgba(255,255,255,.55); line-height: 1.5;
}
.nga-py__sc-label {
display: inline-block; margin-top: 8px;
font-size: .6rem; font-weight: 800;
padding: 2px 9px; border-radius: 20px;
letter-spacing: .06em; text-transform: uppercase;
}
.nga-py__sc-label--best    { background: rgba(34,197,94,.15); color: #4ade80; border: 1px solid rgba(34,197,94,.25); }
.nga-py__sc-label--good    { background: rgba(249,115,22,.15); color: var(--accent-2); border: 1px solid rgba(249,115,22,.25); }
.nga-py__sc-label--caution { background: rgba(239,68,68,.15);  color: #f87171; border: 1px solid rgba(239,68,68,.25); }

/* ─────────────────────────────────────────
SECTION 4 — THEMED PREDICTIONS (white bg)
Love / Career / Health / Finance 4-grid
───────────────────────────────────────── */
.nga-py__theme-grid {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;
}
.nga-py__theme-card {
border-radius: 20px; padding: 28px; position: relative; overflow: hidden;
transition: transform .25s, box-shadow .25s;
}
.nga-py__theme-card:hover {
transform: translateY(-4px);
box-shadow: 0 20px 50px rgba(28,10,74,.14);
}
.nga-py__theme-card--love   { background: linear-gradient(135deg, #fff5f5, #fff0fb); border: 1px solid #f9c5d5; }
.nga-py__theme-card--career { background: linear-gradient(135deg, #f0f5ff, #eef2ff); border: 1px solid #c7d2fe; }
.nga-py__theme-card--health { background: linear-gradient(135deg, #f0fdf4, #ecfdf5); border: 1px solid #bbf7d0; }
.nga-py__theme-card--money  { background: linear-gradient(135deg, #fffbeb, #fefce8); border: 1px solid #fde68a; }
.nga-py__theme-bg-num {
position: absolute; right: 16px; top: 10px;
font-size: 5rem; font-weight: 700; opacity: .07;
color: var(--primary); line-height: 1; pointer-events: none;
}
.nga-py__theme-icon {
width: 52px; height: 52px; border-radius: 14px;
display: flex; align-items: center; justify-content: center;
font-size: 1.4rem; margin-bottom: 14px;
}
.nga-py__ti--love   { background: rgba(239,68,68,.12); color: #ef4444; }
.nga-py__ti--career { background: rgba(99,102,241,.12); color: #6366f1; }
.nga-py__ti--health { background: rgba(34,197,94,.12);  color: #22c55e; }
.nga-py__ti--money  { background: rgba(245,158,11,.12); color: #f59e0b; }
.nga-py__theme-title {
font-size: 1.1rem; font-weight: 700; color: var(--primary);
margin-bottom: 10px;
}
.nga-py__theme-desc {
font-size: .88rem; color: #4b5563; line-height: 1.8; margin-bottom: 14px;
}
.nga-py__theme-desc strong { color: var(--primary); }
.nga-py__theme-bullets { display: flex; flex-direction: column; gap: 7px; }
.nga-py__theme-bullet {
display: flex; align-items: flex-start; gap: 8px;
font-size: .82rem; color: #374151;
}
.nga-py__theme-bullet i { color: var(--accent); margin-top: 3px; font-size: .7rem; flex-shrink: 0; }

/* ─────────────────────────────────────────
SECTION 5 — POWER MONTHS TIMELINE (dark)
───────────────────────────────────────── */
.nga-py__months-bg {
background: linear-gradient(180deg, var(--bg-dark) 0%, #120530 50%, var(--bg-dark) 100%);
}
.nga-py__months-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
}
.nga-py__month-card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.07);
border-radius: 14px; padding: 18px 16px;
transition: all .22s;
}
.nga-py__month-card:hover,
.nga-py__month-card.nga-py--power {
border-color: var(--accent);
background: rgba(249,115,22,.07);
box-shadow: 0 8px 24px rgba(249,115,22,.15);
}
.nga-py__month-num {
font-size: .7rem; font-weight: 700;
color: rgba(255,255,255,.35); letter-spacing: .08em;
text-transform: uppercase; margin-bottom: 4px;
}
.nga-py__month-name {
font-size: 1rem; font-weight: 700; color: var(--text-white);
margin-bottom: 8px;
}
.nga-py__month-card.nga-py--power .nga-py__month-name { color: var(--accent-2); }
.nga-py__month-emoji { font-size: 1.4rem; margin-bottom: 8px; display: block; }
.nga-py__month-desc { font-size: .78rem; color: rgba(255,255,255,.55); line-height: 1.6; }
.nga-py__power-badge {
display: none; margin-top: 8px;
font-size: .6rem; font-weight: 800;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
color: var(--primary); padding: 2px 9px; border-radius: 20px;
letter-spacing: .06em; text-transform: uppercase;
}
.nga-py__month-card.nga-py--power .nga-py__power-badge { display: inline-block; }

/* ─────────────────────────────────────────
SECTION 6 — SATURN–NEPTUNE FOCUS (white)
───────────────────────────────────────── */
.nga-py__snc-wrap {
background: #fff;
border: 1px solid #e8e0f5;
border-radius: 24px; overflow: hidden;
box-shadow: 0 8px 40px rgba(28,10,74,.08);
}
.nga-py__snc-head {
background: linear-gradient(90deg, var(--primary), var(--primary-mid));
padding: 28px 36px;
display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}
.nga-py__snc-planets {
font-size: 3rem; line-height: 1;
filter: drop-shadow(0 4px 12px rgba(249,115,22,.5));
}
.nga-py__snc-head-text h3 {
font-size: 1.4rem; font-weight: 700; color: #fff; margin: 0;
}
.nga-py__snc-head-text h3 span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-py__snc-head-text p { font-size: .82rem; color: rgba(255,255,255,.55); margin: 4px 0 0; }
.nga-py__snc-rare-badge {
margin-left: auto;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
color: var(--primary); font-size: .68rem; font-weight: 800;
letter-spacing: .1em; text-transform: uppercase;
padding: 6px 14px; border-radius: 30px;
}
.nga-py__snc-body { padding: 32px 36px; }
.nga-py__snc-desc {
font-size: .95rem; color: #4b5563; line-height: 1.85; margin-bottom: 24px;
}
.nga-py__snc-desc strong { color: var(--primary); }
.nga-py__snc-facts {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px;
}
.nga-py__snc-fact {
text-align: center; background: #f8f5ff;
border: 1px solid #e8e0f5; border-radius: 14px; padding: 18px 12px;
}
.nga-py__snc-fact-num {
font-size: 1.5rem; font-weight: 700; color: var(--primary);
display: block; margin-bottom: 4px;
}
.nga-py__snc-fact-lbl { font-size: .75rem; color: #6b7280; }
.nga-py__snc-history {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
.nga-py__snc-hist-item {
background: #f0ebff; border: 1px solid #ddd6f7;
border-radius: 12px; padding: 14px;
}
.nga-py__snc-hist-year {
font-size: .95rem; font-weight: 700; color: var(--primary); margin-bottom: 4px;
}
.nga-py__snc-hist-event { font-size: .75rem; color: #6b21a8; line-height: 1.5; }

/* ── Responsive ── */
@media(max-width:991px){
.nga-py__transit-grid { grid-template-columns: repeat(2,1fr); }
.nga-py__signs-grid   { grid-template-columns: repeat(3,1fr); }
.nga-py__months-grid  { grid-template-columns: repeat(3,1fr); }
.nga-py__snc-facts    { grid-template-columns: 1fr 1fr; }
.nga-py__snc-history  { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:767px){
.nga-py__transit-grid { grid-template-columns: 1fr; }
.nga-py__signs-grid   { grid-template-columns: repeat(2,1fr); }
.nga-py__theme-grid   { grid-template-columns: 1fr; }
.nga-py__months-grid  { grid-template-columns: repeat(2,1fr); }
.nga-py__snc-body, .nga-py__snc-head { padding: 20px; }
.nga-py__ov-body { padding: 22px; }
}



/* ══════════════════════════════════════════
nga-ch  CHINESE HOROSCOPE  (prefix: nga-ch)
══════════════════════════════════════════ */
.nga-ch__sec-dark  { padding: 64px 0; }
.nga-ch__sec-white { padding: 64px 0; background: #ffffff; }
.nga-ch__sec-light { padding: 64px 0; background: #f8f5ff; }

/* shared heading */
.nga-ch__heading {
font-size: clamp(1.25rem, 2.8vw, 1.75rem);
font-weight: 700; color: var(--text-white); margin: 0 0 6px;
}
.nga-ch__heading span {
background: linear-gradient(90deg, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-ch__heading--dark { color: var(--primary); }
.nga-ch__hbar {
width: 52px; height: 3px; border-radius: 2px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
margin-top: 8px;
}
.nga-ch__hicon {
width: 46px; height: 46px; border-radius: 13px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
font-size: 1.1rem; flex-shrink: 0;
box-shadow: 0 6px 20px rgba(249,115,22,.38);
}
.nga-ch__hicon i { color: var(--primary); }

/* ─────────────────────────────────────────
SECTION 1 — FIRE HORSE HERO  (dark)
───────────────────────────────────────── */
.nga-ch__hero {
background:
radial-gradient(ellipse 65% 55% at 10% 25%, rgba(249,115,22,.15) 0%, transparent 55%),
radial-gradient(ellipse 55% 55% at 90% 75%, rgba(61,18,120,.4) 0%, transparent 60%),
linear-gradient(180deg, var(--bg-dark) 0%, #1a0535 60%, var(--bg-dark) 100%);
}
.nga-ch__hero-badge {
display: inline-flex; align-items: center; gap: 7px;
background: linear-gradient(90deg, #ef4444, var(--accent));
color: #fff; font-size: .7rem; font-weight: 800;
letter-spacing: .12em; text-transform: uppercase;
padding: 5px 16px; border-radius: 30px; margin-bottom: 18px;
}
.nga-ch__hero-title {
font-size: clamp(1.6rem, 4vw, 2.6rem); font-weight: 700;
color: var(--text-white); line-height: 1.2; margin-bottom: 8px;
}
.nga-ch__hero-title span {
background: linear-gradient(90deg, #ef4444, var(--accent), var(--accent-2));
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text;
}
.nga-ch__hero-sub {
font-size: 1rem; color: rgba(255,255,255,.55);
margin-bottom: 20px;
}
.nga-ch__hero-desc {
font-size: .97rem; color: rgba(255,255,255,.7);
line-height: 1.85; max-width: 600px; margin-bottom: 26px;
}
.nga-ch__hero-desc strong { color: var(--text-white); }
.nga-ch__hero-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.nga-ch__hero-chip {
display: flex; align-items: center; gap: 7px;
background: rgba(255,255,255,.07);
border: 1px solid rgba(255,255,255,.12);
border-radius: 30px; padding: 8px 16px;
font-size: .82rem; font-weight: 700; color: rgba(255,255,255,.8);
}
.nga-ch__hero-chip i { color: var(--accent-2); }
/* right visual */
.nga-ch__hero-visual {
display: flex; align-items: center; justify-content: center;
padding: 38px 20px;
}
.nga-ch__fire-horse {
font-size: 8rem; line-height:1;
filter: drop-shadow(0 0 30px rgba(249,115,22,.7));
animation: nga-ch-float 3s ease-in-out infinite;
}
@keyframes nga-ch-float {
0%,100% { transform: translateY(0); }
50% { transform: translateY(-14px); }
}

/* ─────────────────────────────────────────
SECTION 2 — YEAR AT A GLANCE
───────────────────────────────────────── */
.nga-ch__glance-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
margin-bottom: 28px;
}
.nga-ch__lucky-card {
background: linear-gradient(135deg, var(--primary), var(--primary-mid));
border-radius: 20px; padding: 28px; color: var(--text-white);
}
.nga-ch__lucky-title {
font-size: .82rem; font-weight: 700;
color: var(--accent-2); letter-spacing: .1em;
text-transform: uppercase; margin-bottom: 18px;
display: flex; align-items: center; gap: 7px;
}
.nga-ch__lucky-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.nga-ch__lucky-item {
background: rgba(255,255,255,.08);
border-radius: 10px; padding: 12px;
}
.nga-ch__lucky-key {
font-size: .65rem; color: rgba(255,255,255,.45);
text-transform: uppercase; letter-spacing: .06em; display: block; margin-bottom: 3px;
}
.nga-ch__lucky-val {
font-size: .9rem; font-weight: 700; color: var(--text-white);
}
/* 5 elements */
.nga-ch__elements-card {
background: #fff;
border: 1px solid #e8e0f5;
border-radius: 20px; padding: 28px;
}
.nga-ch__elements-title {
font-size: .82rem; font-weight: 700;
color: var(--primary); letter-spacing: .1em;
text-transform: uppercase; margin-bottom: 18px;
display: flex; align-items: center; gap: 7px;
}
.nga-ch__elem-grid { display: flex; flex-direction: column; gap: 12px; }
.nga-ch__elem-row { display: flex; align-items: center; gap: 12px; }
.nga-ch__elem-dot {
width: 32px; height: 32px; border-radius: 9px;
display: flex; align-items: center; justify-content: center;
font-size: .9rem; flex-shrink: 0;
}
.nga-ch__elem-name {
width: 52px; font-size: .82rem; font-weight: 800;
color: var(--primary); flex-shrink: 0;
}
.nga-ch__elem-track {
flex:1; height: 7px; border-radius: 4px;
background: #f0ebff; overflow: hidden;
}
.nga-ch__elem-fill { height:100%; border-radius:4px; }
.nga-ch__elem-status {
font-size: .72rem; font-weight: 700;
width: 70px; text-align: right; flex-shrink: 0;
}
/* theme desc card */
.nga-ch__theme-strip {
background: linear-gradient(90deg, rgba(249,115,22,.08), rgba(251,191,36,.05));
border: 1px solid rgba(249,115,22,.15);
border-radius: 14px; padding: 20px 24px;
display: flex; align-items: flex-start; gap: 14px;
}
.nga-ch__theme-strip-icon { font-size: 2rem; flex-shrink:0; }
.nga-ch__theme-strip-text { font-size: .9rem; color: #374151; line-height: 1.8; }
.nga-ch__theme-strip-text strong { color: var(--primary); }

/* ─────────────────────────────────────────
SECTION 3 — 12 ANIMAL GRID  (dark)
───────────────────────────────────────── */
.nga-ch__animals-bg {
background:
radial-gradient(ellipse 55% 55% at 95% 10%, rgba(249,115,22,.08) 0%, transparent 60%),
radial-gradient(ellipse 50% 60% at 5% 90%, rgba(61,18,120,.4) 0%, transparent 65%),
var(--bg-dark);
}
.nga-ch__animal-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.nga-ch__animal-card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 18px; padding: 22px 18px;
transition: all .25s; position: relative; overflow: hidden;
}
.nga-ch__animal-card::before {
content: ''; position: absolute;
top:0; left:0; right:0; height:3px;
opacity: 0; transition: opacity .25s;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-ch__animal-card:hover {
border-color: rgba(249,115,22,.35);
transform: translateY(-4px);
box-shadow: 0 14px 36px rgba(0,0,0,.45);
}
.nga-ch__animal-card:hover::before { opacity: 1; }
.nga-ch__ac-header {
display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
}
.nga-ch__ac-emoji { font-size: 2rem; line-height:1; }
.nga-ch__ac-info { flex:1; }
.nga-ch__ac-name {
font-size: .92rem; font-weight: 700; color: var(--text-white);
display: block;
}
.nga-ch__ac-years { font-size: .65rem; color: rgba(255,255,255,.4); }
.nga-ch__ac-score {
font-size: 1.1rem; font-weight: 700; color: var(--accent-2);
}
.nga-ch__ac-track {
height: 5px; border-radius: 3px;
background: rgba(255,255,255,.08); overflow:hidden; margin-bottom: 10px;
}
.nga-ch__ac-fill {
height:100%; border-radius:3px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-ch__ac-desc { font-size: .8rem; color: rgba(255,255,255,.58); line-height:1.6; margin-bottom: 10px; }
.nga-ch__ac-tag {
display: inline-block; font-size: .6rem; font-weight: 800;
padding: 2px 9px; border-radius: 20px;
letter-spacing: .06em; text-transform: uppercase;
}
.nga-ch__ac-tag--great   { background:rgba(34,197,94,.15);  color:#4ade80; border:1px solid rgba(34,197,94,.25); }
.nga-ch__ac-tag--good    { background:rgba(249,115,22,.15); color:var(--accent-2); border:1px solid rgba(249,115,22,.25); }
.nga-ch__ac-tag--neutral { background:rgba(148,163,184,.15);color:#94a3b8; border:1px solid rgba(148,163,184,.2); }
.nga-ch__ac-tag--caution { background:rgba(239,68,68,.15);  color:#f87171; border:1px solid rgba(239,68,68,.25); }

/* ─────────────────────────────────────────
SECTION 4 — LUCKY SIGNS RANKING  (white)
───────────────────────────────────────── */
.nga-ch__rank-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
margin-bottom: 28px;
}
.nga-ch__rank-card {
background: #fff;
border: 1px solid #e8e0f5;
border-radius: 18px; padding: 22px;
text-align: center;
transition: all .25s;
}
.nga-ch__rank-card:hover {
border-color: rgba(249,115,22,.4);
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(28,10,74,.1);
}
.nga-ch__rank-medal { font-size: 2rem; margin-bottom: 10px; display: block; }
.nga-ch__rank-signs { font-size: 1.6rem; margin-bottom: 8px; }
.nga-ch__rank-title {
font-size: .95rem; font-weight: 700; color: var(--primary); margin-bottom: 6px;
}
.nga-ch__rank-labels { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-bottom: 10px; }
.nga-ch__rank-label {
font-size: .7rem; font-weight: 800; color: var(--primary);
background: #f0ebff; border: 1px solid #ddd6f7;
padding: 2px 9px; border-radius: 20px;
}
.nga-ch__rank-desc { font-size: .8rem; color: #6b7280; line-height: 1.65; }
/* feng shui tips card */
.nga-ch__fengshui {
background: linear-gradient(135deg, #fff9f0, #fff5e8);
border: 1px solid #fed7aa; border-radius: 20px; padding: 28px;
}
.nga-ch__fengshui-title {
font-size: 1rem; font-weight: 700; color: var(--primary);
margin-bottom: 16px; display: flex; align-items: center; gap: 8px;
}
.nga-ch__fengshui-grid {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
}
.nga-ch__fts-item {
display: flex; align-items: flex-start; gap: 10px;
background: rgba(255,255,255,.6); border: 1px solid #fed7aa;
border-radius: 12px; padding: 12px;
}
.nga-ch__fts-icon {
width: 32px; height: 32px; border-radius: 9px;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
display: flex; align-items: center; justify-content: center;
font-size: .85rem; flex-shrink: 0;
}
.nga-ch__fts-icon i { color: var(--primary); }
.nga-ch__fts-text { font-size: .82rem; color: #374151; line-height: 1.6; }
.nga-ch__fts-text strong { color: var(--primary); }

/* ─────────────────────────────────────────
SECTION 5 — ELEMENT COMPATIBILITY  (light)
───────────────────────────────────────── */
.nga-ch__compat-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
.nga-ch__compat-card {
background: #fff;
border: 1px solid #e8e0f5;
border-radius: 18px; padding: 24px;
transition: all .25s;
}
.nga-ch__compat-card:hover {
border-color: rgba(249,115,22,.35);
transform: translateY(-3px);
box-shadow: 0 14px 36px rgba(28,10,74,.1);
}
.nga-ch__cc-header {
display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
}
.nga-ch__cc-icon {
width: 44px; height: 44px; border-radius: 12px;
display: flex; align-items: center; justify-content: center; font-size: 1.3rem;
}
.nga-ch__cc-title {
font-size: .95rem; font-weight: 700; color: var(--primary);
}
.nga-ch__cc-pct {
margin-left: auto;
font-size: 1.2rem; font-weight: 700; color: var(--accent);
}
.nga-ch__cc-track {
height: 7px; border-radius: 4px;
background: #f0ebff; overflow:hidden; margin-bottom: 12px;
}
.nga-ch__cc-fill {
height:100%; border-radius:4px;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.nga-ch__cc-signs { font-size: 1.5rem; margin-bottom: 8px; }
.nga-ch__cc-desc { font-size: .82rem; color: #4b5563; line-height:1.7; }

/* ── Responsive ── */
@media(max-width:991px){
.nga-ch__animal-grid  { grid-template-columns: repeat(3,1fr); }
.nga-ch__rank-grid    { grid-template-columns: 1fr 1fr; }
.nga-ch__compat-grid  { grid-template-columns: 1fr 1fr; }
.nga-ch__glance-grid  { grid-template-columns: 1fr; }
}
@media(max-width:767px){
.nga-ch__animal-grid  { grid-template-columns: repeat(2,1fr); }
.nga-ch__rank-grid    { grid-template-columns: 1fr; }
.nga-ch__compat-grid  { grid-template-columns: 1fr; }
.nga-ch__fengshui-grid{ grid-template-columns: 1fr; }
.nga-ch__hero-body    { padding: 22px; }
}


/* ══════════════════════════════
nga-pan  TODAY'S PANCHANG
══════════════════════════════ */
.nga-pan { padding:56px 0; }
.nga-pan--white { background:#ffffff; padding:56px 0; }
.nga-pan--light { background:#f8f5ff; padding:56px 0; }

/* heading */
.nga-pan__h {
font-size:clamp(1.2rem,2.5vw,1.65rem);
font-weight:700; color:var(--text-white); margin:0 0 6px;
}
.nga-pan__h span { background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nga-pan__h--dk { color:var(--primary); }
.nga-pan__bar { width:48px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); margin-top:7px; }
.nga-pan__icon { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 6px 18px rgba(249,115,22,.35); }
.nga-pan__icon i { color:var(--primary); font-size:1rem; }

/* ── SECTION 1: Date Banner (dark) ── */
.nga-pan__bg1 {
background: radial-gradient(ellipse 60% 60% at 15% 30%, rgba(107,33,200,.3) 0%, transparent 60%),
radial-gradient(ellipse 50% 50% at 85% 70%, rgba(249,115,22,.08) 0%, transparent 60%),
linear-gradient(160deg, var(--bg-dark) 0%, var(--primary) 60%, var(--bg-dark) 100%);
}

.nga-pan__date-badge {
display:inline-flex; align-items:center; gap:6px;
background:linear-gradient(90deg,var(--accent),var(--accent-2));
color:var(--primary); font-size:.68rem; font-weight:800;
letter-spacing:.1em; text-transform:uppercase;
padding:4px 14px; border-radius:30px; margin-bottom:16px;
}
.nga-pan__date-main {
font-size:clamp(1.4rem,3vw,2rem);
font-weight:700; color:var(--text-white); margin:0 0 4px;
}
.nga-pan__date-main span { background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nga-pan__date-sub { font-size:.85rem; color:rgba(255,255,255,.5); margin-bottom:22px; }
.nga-pan__date-chips { display:flex; flex-wrap:wrap; gap:9px; }
.nga-pan__chip {
display:flex; align-items:center; gap:6px;
background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
border-radius:30px; padding:7px 14px;
font-size:.8rem; font-weight:700; color:rgba(255,255,255,.8);
}
.nga-pan__chip i { color:var(--accent-2); }

/* ── SECTION 2: 5-Element Panchang Grid (white) ── */
.nga-pan__five-grid {
display:grid; grid-template-columns:repeat(5,1fr); gap:14px;
}
.nga-pan__five-card {
background:#fff; border:1px solid #e8e0f5; border-radius:16px;
padding:20px 16px; text-align:center; transition:all .22s;
position:relative; overflow:hidden;
}
.nga-pan__five-card::before {
content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
background:linear-gradient(90deg,var(--accent),var(--accent-2));
transform:scaleX(0); transform-origin:left; transition:transform .25s;
}
.nga-pan__five-card:hover { border-color:rgba(249,115,22,.35); transform:translateY(-3px); box-shadow:0 12px 30px rgba(28,10,74,.1); }
.nga-pan__five-card:hover::before { transform:scaleX(1); }
.nga-pan__five-emoji { font-size:1.8rem; margin-bottom:10px; display:block; }
.nga-pan__five-label { font-size:.65rem; font-weight:800; color:var(--accent); letter-spacing:.1em; text-transform:uppercase; display:block; margin-bottom:5px; }
.nga-pan__five-val {  font-size:.92rem; font-weight:700; color:var(--primary); display:block; margin-bottom:4px; }
.nga-pan__five-sub { font-size:.72rem; color:#6b7280; }

/* ── SECTION 3: Muhurat Table (light) ── */
.nga-pan__muhurat-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.nga-pan__muh-card { border-radius:16px; padding:22px; border:1px solid; }
.nga-pan__muh-card--good { background:rgba(34,197,94,.05); border-color:rgba(34,197,94,.2); }
.nga-pan__muh-card--bad  { background:rgba(239,68,68,.05);  border-color:rgba(239,68,68,.2); }
.nga-pan__muh-title {
font-size:.88rem; font-weight:700;
display:flex; align-items:center; gap:8px; margin-bottom:14px;
}
.nga-pan__muh-card--good .nga-pan__muh-title { color:#16a34a; }
.nga-pan__muh-card--bad  .nga-pan__muh-title { color:#dc2626; }
.nga-pan__muh-row {
display:flex; align-items:center; justify-content:space-between;
padding:9px 0; border-bottom:1px solid rgba(0,0,0,.06); font-size:.85rem;
}
.nga-pan__muh-row:last-child { border-bottom:none; }
.nga-pan__muh-name { font-weight:700; color:var(--primary); }
.nga-pan__muh-time { font-weight:600; color:#374151; }
.nga-pan__muh-act  { font-size:.7rem; color:#6b7280; }

/* ── SECTION 4: Planetary Hours (dark) ── */
.nga-pan__bg4 { background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%); }
.nga-pan__ph-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
.nga-pan__ph-card {
background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);
border-radius:12px; padding:14px 10px; text-align:center; transition:all .2s;
}
.nga-pan__ph-card:hover, .nga-pan__ph-card.nga-pan--now {
border-color:var(--accent); background:rgba(249,115,22,.08);
}
.nga-pan__ph-card.nga-pan--now { box-shadow:0 6px 20px rgba(249,115,22,.2); }
.nga-pan__ph-planet { font-size:1.2rem; display:block; margin-bottom:5px; }
.nga-pan__ph-time   { font-size:.7rem; font-weight:800; color:rgba(255,255,255,.5); display:block; margin-bottom:3px; }
.nga-pan__ph-name   { font-size:.7rem; font-weight:700; color:var(--text-white); display:block; }
.nga-pan__ph-card.nga-pan--now .nga-pan__ph-name { color:var(--accent-2); }
.nga-pan__now-badge {
display:none; font-size:.55rem; font-weight:800;
background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:var(--primary);
padding:1px 7px; border-radius:20px; letter-spacing:.06em; text-transform:uppercase; margin-top:4px;
}
.nga-pan__ph-card.nga-pan--now .nga-pan__now-badge { display:inline-block; }

/* ── SECTION 5: Sunrise/Sunset + Rahu Kaal (white) ── */
.nga-pan__sun-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.nga-pan__sun-card {
background:#fff; border:1px solid #e8e0f5; border-radius:16px;
padding:22px 18px; text-align:center; transition:all .22s;
}
.nga-pan__sun-card:hover { border-color:rgba(249,115,22,.35); transform:translateY(-3px); box-shadow:0 12px 28px rgba(28,10,74,.1); }
.nga-pan__sun-emoji { font-size:2rem; display:block; margin-bottom:10px; }
.nga-pan__sun-label { font-size:.65rem; font-weight:800; color:var(--accent); letter-spacing:.1em; text-transform:uppercase; display:block; margin-bottom:5px; }
.nga-pan__sun-val   {  font-size:1.1rem; font-weight:700; color:var(--primary); display:block; margin-bottom:3px; }
.nga-pan__sun-sub   { font-size:.72rem; color:#6b7280; }
.nga-pan__sun-card--rahu { background:rgba(239,68,68,.04); border-color:rgba(239,68,68,.2); }
.nga-pan__sun-card--rahu .nga-pan__sun-label { color:#dc2626; }
.nga-pan__sun-card--rahu .nga-pan__sun-val   { color:#dc2626; }

@media(max-width:991px){
.nga-pan__five-grid { grid-template-columns:repeat(3,1fr); }
.nga-pan__ph-grid   { grid-template-columns:repeat(4,1fr); }
.nga-pan__sun-grid  { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:575px){
.nga-pan__five-grid    { grid-template-columns:repeat(2,1fr); }
.nga-pan__ph-grid      { grid-template-columns:repeat(3,1fr); }
.nga-pan__muhurat-grid { grid-template-columns:1fr; }
.nga-pan__date-body    { padding:20px; }
}



/* ══════════════════════════════
nga-fst  FESTIVALS
══════════════════════════════ */
.nga-fst { padding:56px 0; }
.nga-fst--white { background:#ffffff; padding:56px 0; }
.nga-fst--light { background:#f8f5ff; padding:56px 0; }

.nga-fst__h {  font-size:clamp(1.2rem,2.5vw,1.65rem); font-weight:700; color:var(--text-white); margin:0 0 6px; }
.nga-fst__h span { background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nga-fst__h--dk { color:var(--primary); }
.nga-fst__bar { width:48px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); margin-top:7px; }
.nga-fst__icon { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 6px 18px rgba(249,115,22,.35); }
.nga-fst__icon i { color:var(--primary); font-size:1rem; }

/* ── SECTION 1: Hero Banner (dark) ── */
.nga-fst__bg1 {
background: radial-gradient(ellipse 60% 55% at 20% 30%, rgba(249,115,22,.12) 0%, transparent 55%),
radial-gradient(ellipse 55% 55% at 85% 70%, rgba(61,18,120,.4) 0%, transparent 60%),
linear-gradient(160deg, var(--bg-dark) 0%, var(--primary) 60%, var(--bg-dark) 100%);
}
.nga-fst__hero-badge { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:var(--primary); font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; padding:4px 14px; border-radius:30px; margin-bottom:14px; }
.nga-fst__hero-title {  font-size:clamp(1.4rem,3vw,2rem); font-weight:700; color:var(--text-white); margin:0 0 8px; }
.nga-fst__hero-title span { background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nga-fst__hero-sub { font-size:.88rem; color:rgba(255,255,255,.55); margin-bottom:20px; }
.nga-fst__hero-chips { display:flex; flex-wrap:wrap; gap:9px; }
.nga-fst__chip { display:flex; align-items:center; gap:6px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:30px; padding:7px 14px; font-size:.8rem; font-weight:700; color:rgba(255,255,255,.8); }
.nga-fst__chip i { color:var(--accent-2); }

/* ── SECTION 2: Upcoming Festivals (white) ── */
.nga-fst__upcoming-list { display:flex; flex-direction:column; gap:12px; }
.nga-fst__item {
display:flex; align-items:center; gap:16px;
background:#fff; border:1px solid #e8e0f5; border-radius:14px;
padding:16px 20px; transition:all .22s;
}
.nga-fst__item:hover { border-color:rgba(249,115,22,.4); transform:translateX(4px); box-shadow:0 6px 24px rgba(28,10,74,.08); }
.nga-fst__item--today { border-color:var(--accent); background:rgba(249,115,22,.04); }
.nga-fst__date-box {
width:52px; height:52px; border-radius:12px; flex-shrink:0;
background:linear-gradient(135deg,var(--primary),var(--primary-mid));
display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.nga-fst__date-box--accent { background:linear-gradient(135deg,var(--accent),var(--accent-2)); }
.nga-fst__date-num {  font-size:1rem; font-weight:700; color:#fff; line-height:1; }
.nga-fst__date-mon { font-size:.58rem; font-weight:800; color:rgba(255,255,255,.7); letter-spacing:.06em; text-transform:uppercase; }
.nga-fst__item-emoji { font-size:1.8rem; flex-shrink:0; }
.nga-fst__item-info { flex:1; }
.nga-fst__item-name {  font-size:.95rem; font-weight:700; color:var(--primary); display:block; margin-bottom:2px; }
.nga-fst__item-desc { font-size:.78rem; color:#6b7280; }
.nga-fst__item-tag {
font-size:.62rem; font-weight:800; padding:3px 10px; border-radius:20px;
letter-spacing:.06em; text-transform:uppercase; flex-shrink:0;
}
.nga-fst__tag--today   { background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:var(--primary); }
.nga-fst__tag--soon    { background:rgba(249,115,22,.12); color:var(--accent); border:1px solid rgba(249,115,22,.25); }
.nga-fst__tag--gazetted{ background:rgba(34,197,94,.1); color:#16a34a; border:1px solid rgba(34,197,94,.2); }
.nga-fst__tag--regional{ background:rgba(168,85,247,.1); color:#7c3aed; border:1px solid rgba(168,85,247,.2); }

/* ── SECTION 3: Month Tabs (light) ── */
.nga-fst__tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.nga-fst__tab {
padding:8px 18px; border-radius:30px; font-size:.8rem; font-weight:700;
border:1px solid #ddd6f7; color:var(--primary); background:#fff;
cursor:pointer; transition:all .2s;
}
.nga-fst__tab:hover, .nga-fst__tab.nga-fst--active {
background:linear-gradient(90deg,var(--accent),var(--accent-2));
color:var(--primary); border-color:transparent;
box-shadow:0 4px 14px rgba(249,115,22,.3);
}
.nga-fst__cal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.nga-fst__cal-card {
background:#fff; border:1px solid #e8e0f5; border-radius:14px;
padding:16px; transition:all .22s;
}
.nga-fst__cal-card:hover { border-color:rgba(249,115,22,.35); transform:translateY(-2px); box-shadow:0 8px 22px rgba(28,10,74,.08); }
.nga-fst__cal-top { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.nga-fst__cal-emoji { font-size:1.4rem; }
.nga-fst__cal-date { font-size:.68rem; font-weight:800; color:var(--accent); letter-spacing:.08em; text-transform:uppercase; display:block; }
.nga-fst__cal-name {  font-size:.88rem; font-weight:700; color:var(--primary); display:block; }
.nga-fst__cal-desc { font-size:.75rem; color:#6b7280; line-height:1.55; }

/* ── SECTION 4: Festival Category Cards (dark) ── */
.nga-fst__bg4 { background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%); }
.nga-fst__cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.nga-fst__cat-card {
background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);
border-radius:16px; padding:22px 18px; text-align:center; transition:all .22s;
}
.nga-fst__cat-card:hover { border-color:rgba(249,115,22,.35); transform:translateY(-3px); background:rgba(249,115,22,.06); }
.nga-fst__cat-emoji { font-size:2.2rem; display:block; margin-bottom:10px; }
.nga-fst__cat-name {  font-size:.9rem; font-weight:700; color:var(--text-white); display:block; margin-bottom:5px; }
.nga-fst__cat-count { font-size:.75rem; color:var(--accent-2); font-weight:700; display:block; margin-bottom:8px; }
.nga-fst__cat-desc { font-size:.75rem; color:rgba(255,255,255,.5); line-height:1.55; }

@media(max-width:991px){
.nga-fst__cal-grid { grid-template-columns:repeat(2,1fr); }
.nga-fst__cat-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:575px){
.nga-fst__cal-grid { grid-template-columns:1fr; }
.nga-fst__cat-grid { grid-template-columns:1fr 1fr; }
}


/* ══════════════════════════════
nga-mc  MOON CALENDAR
══════════════════════════════ */
.nga-mc { padding:56px 0; }
.nga-mc--white { background:#ffffff; padding:56px 0; }
.nga-mc--light { background:#f8f5ff; padding:56px 0; }

.nga-mc__h {  font-size:clamp(1.2rem,2.5vw,1.65rem); font-weight:700; color:var(--text-white); margin:0 0 6px; }
.nga-mc__h span { background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nga-mc__h--dk { color:var(--primary); }
.nga-mc__bar { width:48px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); margin-top:7px; }
.nga-mc__icon { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 6px 18px rgba(249,115,22,.35); }
.nga-mc__icon i { color:var(--primary); font-size:1rem; }

/* ── SECTION 1: Today's Moon (dark) ── */
.nga-mc__bg1 {
background: radial-gradient(ellipse 65% 55% at 15% 30%, rgba(61,18,120,.5) 0%, transparent 55%),
radial-gradient(ellipse 50% 55% at 90% 70%, rgba(249,115,22,.06) 0%, transparent 55%),
linear-gradient(160deg, var(--bg-dark) 0%, #1a0535 60%, var(--bg-dark) 100%);
}
.nga-mc__today-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.nga-mc__today-main {
grid-column:1/3;
background:linear-gradient(135deg,rgba(61,18,120,.6),rgba(28,10,74,.9));
border:1px solid rgba(249,115,22,.22); border-radius:20px;
padding:28px; position:relative; overflow:hidden;
}
.nga-mc__today-main::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--accent),var(--accent-2)); }
.nga-mc__moon-big { font-size:4.5rem; line-height:1; margin-bottom:12px; filter:drop-shadow(0 0 20px rgba(251,191,36,.5)); display:block; }
.nga-mc__today-phase {  font-size:1.4rem; font-weight:700; color:var(--text-white); margin-bottom:4px; }
.nga-mc__today-phase span { background:linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nga-mc__today-sub { font-size:.83rem; color:rgba(255,255,255,.55); margin-bottom:18px; }
.nga-mc__today-chips { display:flex; flex-wrap:wrap; gap:8px; }
.nga-mc__chip { display:flex; align-items:center; gap:6px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:30px; padding:6px 13px; font-size:.78rem; font-weight:700; color:rgba(255,255,255,.8); }
.nga-mc__chip i { color:var(--accent-2); }
/* side stats */
.nga-mc__today-side { display:flex; flex-direction:column; gap:14px; }
.nga-mc__stat-card {
background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
border-radius:14px; padding:16px; text-align:center; flex:1;
}
.nga-mc__stat-emoji { font-size:1.5rem; display:block; margin-bottom:6px; }
.nga-mc__stat-label { font-size:.65rem; font-weight:800; color:var(--accent); letter-spacing:.09em; text-transform:uppercase; display:block; margin-bottom:4px; }
.nga-mc__stat-val {  font-size:.95rem; font-weight:700; color:var(--text-white); display:block; }
.nga-mc__stat-sub { font-size:.7rem; color:rgba(255,255,255,.45); }

/* ── SECTION 2: Monthly Moon Phases (white) ── */
.nga-mc__phases-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.nga-mc__phase-card {
background:#fff; border:1px solid #e8e0f5; border-radius:16px;
padding:22px 16px; text-align:center; transition:all .22s;
}
.nga-mc__phase-card:hover { border-color:rgba(249,115,22,.4); transform:translateY(-3px); box-shadow:0 12px 28px rgba(28,10,74,.1); }
.nga-mc__phase-card.nga-mc--current { border-color:var(--accent); background:rgba(249,115,22,.04); }
.nga-mc__phase-moon { font-size:2.5rem; display:block; margin-bottom:10px; }
.nga-mc__phase-name {  font-size:.9rem; font-weight:700; color:var(--primary); display:block; margin-bottom:4px; }
.nga-mc__phase-date { font-size:.72rem; font-weight:800; color:var(--accent); letter-spacing:.07em; display:block; margin-bottom:8px; }
.nga-mc__phase-desc { font-size:.75rem; color:#6b7280; line-height:1.6; }
.nga-mc__current-badge { display:none; margin-top:8px; font-size:.6rem; font-weight:800; background:linear-gradient(90deg,var(--accent),var(--accent-2)); color:var(--primary); padding:2px 9px; border-radius:20px; letter-spacing:.06em; text-transform:uppercase; }
.nga-mc__phase-card.nga-mc--current .nga-mc__current-badge { display:inline-block; }

/* ── SECTION 3: Moon Calendar Grid (light) ── */
.nga-mc__cal-wrap {
background:#fff; border:1px solid #e8e0f5;
border-radius:20px; overflow:hidden;
box-shadow:0 4px 24px rgba(28,10,74,.08);
}
.nga-mc__cal-header {
background:linear-gradient(90deg,var(--primary),var(--primary-mid));
padding:16px 20px;
display:flex; align-items:center; justify-content:space-between;
}
.nga-mc__cal-title {  font-size:1rem; font-weight:700; color:#fff; }
.nga-mc__cal-nav { display:flex; gap:8px; }
.nga-mc__cal-btn {
width:30px; height:30px; border-radius:8px;
background:rgba(255,255,255,.15); border:none; color:#fff;
cursor:pointer; display:flex; align-items:center; justify-content:center;
font-size:.75rem; transition:background .2s;
}
.nga-mc__cal-btn:hover { background:rgba(249,115,22,.5); }
/* day headers */
.nga-mc__day-headers {
display:grid; grid-template-columns:repeat(7,1fr);
background:#f8f5ff; border-bottom:1px solid #e8e0f5;
}
.nga-mc__day-hdr { padding:10px 0; text-align:center; font-size:.7rem; font-weight:800; color:var(--primary); letter-spacing:.06em; text-transform:uppercase; }
/* grid */
.nga-mc__grid { display:grid; grid-template-columns:repeat(7,1fr); }
.nga-mc__day-cell {
padding:10px 8px; text-align:center;
border-right:1px solid #f0ebff; border-bottom:1px solid #f0ebff;
min-height:70px; position:relative; cursor:pointer; transition:background .18s;
}
.nga-mc__day-cell:hover { background:#fdf8f0; }
.nga-mc__day-cell:nth-child(7n) { border-right:none; }
.nga-mc__day-cell.nga-mc--empty { background:#fafafa; cursor:default; }
.nga-mc__day-cell.nga-mc--today { background:rgba(249,115,22,.06); }
.nga-mc__day-cell.nga-mc--today .nga-mc__day-num { background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:var(--primary); border-radius:50%; width:24px; height:24px; display:flex; align-items:center; justify-content:center; margin:0 auto 4px; }
.nga-mc__day-num { font-size:.82rem; font-weight:700; color:var(--primary); margin-bottom:4px; }
.nga-mc__day-moon { font-size:.9rem; display:block; }
.nga-mc__day-tithi { font-size:.58rem; color:#9ca3af; display:block; line-height:1.2; margin-top:2px; }
.nga-mc__day-event { font-size:.55rem; font-weight:800; color:var(--accent); display:block; }

/* ── SECTION 4: Moon Signs Monthly (dark) ── */
.nga-mc__bg4 { background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%); }
.nga-mc__signs-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
.nga-mc__sign-card {
background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);
border-radius:12px; padding:14px 10px; text-align:center; transition:all .2s;
}
.nga-mc__sign-card:hover, .nga-mc__sign-card.nga-mc--now {
border-color:var(--accent); background:rgba(249,115,22,.07);
}
.nga-mc__ms-sym { font-size:1.4rem; display:block; margin-bottom:5px; }
.nga-mc__ms-name { font-size:.72rem; font-weight:700; color:var(--text-white); display:block; margin-bottom:3px; }
.nga-mc__ms-dates { font-size:.62rem; color:rgba(255,255,255,.4); display:block; margin-bottom:4px; }
.nga-mc__ms-effect { font-size:.65rem; color:rgba(255,255,255,.55); line-height:1.45; }
.nga-mc__sign-card.nga-mc--now .nga-mc__ms-name { color:var(--accent-2); }
.nga-mc__now-dot {
display:none; position:absolute; top:6px; right:6px;
width:7px; height:7px; border-radius:50%;
background:var(--accent); box-shadow:0 0 8px var(--accent);
}
.nga-mc__sign-card { position:relative; }
.nga-mc__sign-card.nga-mc--now .nga-mc__now-dot { display:block; }

@media(max-width:991px){
.nga-mc__today-grid { grid-template-columns:1fr; }
.nga-mc__today-main { grid-column:1; }
.nga-mc__today-side { flex-direction:row; }
.nga-mc__phases-grid { grid-template-columns:repeat(2,1fr); }
.nga-mc__signs-grid  { grid-template-columns:repeat(4,1fr); }
}
@media(max-width:575px){
.nga-mc__signs-grid  { grid-template-columns:repeat(3,1fr); }
.nga-mc__day-cell    { min-height:52px; padding:6px 4px; }
}



/* ══════════════════════════════
nga-knd  FREE KUNDLI
══════════════════════════════ */
.nga-knd{padding:56px 0;}
.nga-knd--white{background:#fff;padding:56px 0;}
.nga-knd--light{background:#f8f5ff;padding:56px 0;}

/* heading */
.nga-knd__h{font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-knd__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-knd__h--dk{color:var(--primary);}
.nga-knd__bar{width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-knd__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px rgba(249,115,22,.35);}
.nga-knd__icon i{color:var(--primary);font-size:1rem;}

/* ── SECTION 1: Hero + Form (dark) ── */
.nga-knd__bg1{
background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),
radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.08) 0%,transparent 55%),
linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 60%,var(--bg-dark) 100%);
}
.nga-knd__form-card{
background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));
border:1px solid rgba(249,115,22,.22);border-radius:22px;
position:relative;overflow:hidden;
}
.nga-knd__form-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-knd__form-body{padding:32px 36px;}
.nga-knd__form-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 14px;border-radius:30px;margin-bottom:14px;}
.nga-knd__form-title{font-size:clamp(1.3rem,2.8vw,1.9rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-knd__form-title span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-knd__form-sub{font-size:.85rem;color:rgba(255,255,255,.5);margin-bottom:28px;}

/* form fields */
.nga-knd__field-label{font-size:.72rem;font-weight:800;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;display:block;}
.nga-knd__input{
width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
border-radius:10px;padding:11px 14px;font-size:.9rem;font-weight:600;
color:var(--text-white);outline:none;
transition:border-color .2s,background .2s;
}
.nga-knd__input::placeholder{color:rgba(255,255,255,.3);}
.nga-knd__input:focus{border-color:var(--accent);background:rgba(249,115,22,.07);}
.nga-knd__input option{background:var(--primary);color:#fff;}
.nga-knd__submit{
width:100%;padding:14px;border-radius:12px;border:none;cursor:pointer;
background:linear-gradient(90deg,var(--accent),var(--accent-2));
font-size:1rem;font-weight:700;color:var(--primary);
letter-spacing:.04em;transition:all .22s;margin-top:4px;
box-shadow:0 6px 22px rgba(249,115,22,.4);
}
.nga-knd__submit:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(249,115,22,.5);}
.nga-knd__note{font-size:.72rem;color:rgba(255,255,255,.35);text-align:center;margin-top:10px;}

/* features strip */
.nga-knd__features{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.nga-knd__feat{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:rgba(255,255,255,.65);}
.nga-knd__feat i{color:var(--accent-2);font-size:.7rem;}

/* ── SECTION 2: Kundli Chart + Planet Table (white) ── */
/* North Indian chart SVG */
.nga-knd__chart-wrap{display:flex;justify-content:center;margin-bottom:0;}
.nga-knd__chart-svg{width:100%;max-width:340px;}
.nga-knd__chart-house{fill:none;stroke:var(--primary);stroke-width:1.5;}
.nga-knd__chart-text{font-size:11px;fill:var(--primary);font-weight:700;}
.nga-knd__chart-planet{font-size:10px;fill:var(--accent);font-weight:800;}
.nga-knd__chart-num{font-size:9px;fill:rgba(28,10,74,.45);}
/* lagna badge */
.nga-knd__lagna-badge{
display:inline-flex;align-items:center;gap:7px;
background:linear-gradient(90deg,var(--accent),var(--accent-2));
color:var(--primary);font-size:.7rem;font-weight:800;
padding:5px 14px;border-radius:30px;margin-bottom:14px;letter-spacing:.06em;
}
/* planet table */
.nga-knd__planet-table{width:100%;border-collapse:separate;border-spacing:0;}
.nga-knd__planet-table thead tr th{
background:linear-gradient(90deg,var(--primary),var(--primary-mid));
color:rgba(255,255,255,.75);font-size:.68rem;font-weight:800;
letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;
}
.nga-knd__planet-table thead tr th:first-child{border-radius:10px 0 0 0;}
.nga-knd__planet-table thead tr th:last-child{border-radius:0 10px 0 0;}
.nga-knd__planet-table tbody tr{transition:background .15s;}
.nga-knd__planet-table tbody tr:hover{background:#fdf8f0;}
.nga-knd__planet-table tbody tr td{padding:10px 12px;font-size:.82rem;border-bottom:1px solid #f0ebff;color:#374151;}
.nga-knd__planet-table tbody tr:last-child td{border-bottom:none;}
.nga-knd__planet-table tbody tr td:first-child{font-weight:800;color:var(--primary);}
.nga-knd__planet-sym{font-size:1rem;margin-right:4px;}
.nga-knd__retro{display:inline-block;font-size:.6rem;font-weight:800;color:#7c3aed;background:#ede9fe;padding:1px 5px;border-radius:4px;margin-left:3px;}
.nga-knd__table-wrap{background:#fff;border:1px solid #e8e0f5;border-radius:16px;overflow:hidden;}

/* ── SECTION 3: Doshas (light) ── */
.nga-knd__dosha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-knd__dosha-card{border-radius:16px;padding:22px;border:1px solid;transition:all .22s;}
.nga-knd__dosha-card:hover{transform:translateY(-3px);}
.nga-knd__dosha-card--safe{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.2);}
.nga-knd__dosha-card--warn{background:rgba(249,115,22,.05);border-color:rgba(249,115,22,.25);}
.nga-knd__dosha-card--alert{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2);}
.nga-knd__dosha-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.nga-knd__dosha-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.nga-knd__dosha-card--safe  .nga-knd__dosha-icon{background:rgba(34,197,94,.12);color:#16a34a;}
.nga-knd__dosha-card--warn  .nga-knd__dosha-icon{background:rgba(249,115,22,.12);color:var(--accent);}
.nga-knd__dosha-card--alert .nga-knd__dosha-icon{background:rgba(239,68,68,.12);color:#dc2626;}
.nga-knd__dosha-name{font-size:.9rem;font-weight:700;}
.nga-knd__dosha-card--safe  .nga-knd__dosha-name{color:#16a34a;}
.nga-knd__dosha-card--warn  .nga-knd__dosha-name{color:var(--accent);}
.nga-knd__dosha-card--alert .nga-knd__dosha-name{color:#dc2626;}
.nga-knd__dosha-status{display:inline-block;font-size:.62rem;font-weight:800;padding:2px 9px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;}
.nga-knd__dosha-card--safe  .nga-knd__dosha-status{background:rgba(34,197,94,.12);color:#16a34a;border:1px solid rgba(34,197,94,.2);}
.nga-knd__dosha-card--warn  .nga-knd__dosha-status{background:rgba(249,115,22,.12);color:var(--accent);border:1px solid rgba(249,115,22,.2);}
.nga-knd__dosha-card--alert .nga-knd__dosha-status{background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.2);}
.nga-knd__dosha-desc{font-size:.8rem;color:#4b5563;line-height:1.65;}

/* ── SECTION 4: Dasha + Ashtakavarga (dark) ── */
.nga-knd__bg4{background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%);}
.nga-knd__dasha-list{display:flex;flex-direction:column;gap:8px;}
.nga-knd__dasha-row{
display:flex;align-items:center;gap:12px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
border-radius:12px;padding:13px 16px;transition:border-color .2s;
}
.nga-knd__dasha-row:hover,.nga-knd__dasha-row.nga-knd--active{border-color:rgba(249,115,22,.35);}
.nga-knd__dasha-row.nga-knd--active{background:rgba(249,115,22,.07);}
.nga-knd__dasha-planet{width:34px;height:34px;border-radius:9px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.22);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.nga-knd__dasha-row.nga-knd--active .nga-knd__dasha-planet{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;}
.nga-knd__dasha-name{font-size:.88rem;font-weight:700;color:var(--text-white);display:block;}
.nga-knd__dasha-period{font-size:.72rem;color:rgba(255,255,255,.45);}
.nga-knd__dasha-bar-wrap{flex:1;}
.nga-knd__dasha-track{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;}
.nga-knd__dasha-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-knd__dasha-yrs{font-size:.72rem;font-weight:800;color:var(--accent-2);flex-shrink:0;}
.nga-knd__active-now{display:none;font-size:.58rem;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);padding:1px 7px;border-radius:20px;letter-spacing:.06em;margin-left:6px;text-transform:uppercase;}
.nga-knd__dasha-row.nga-knd--active .nga-knd__active-now{display:inline-block;}

/* Ashtakavarga */
.nga-knd__avk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.nga-knd__avk-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px;text-align:center;transition:all .2s;}
.nga-knd__avk-card:hover{border-color:rgba(249,115,22,.3);}
.nga-knd__avk-planet{font-size:1.2rem;display:block;margin-bottom:5px;}
.nga-knd__avk-name{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.65);display:block;margin-bottom:4px;}
.nga-knd__avk-score{font-size:1.3rem;font-weight:700;color:var(--accent-2);display:block;}
.nga-knd__avk-max{font-size:.62rem;color:rgba(255,255,255,.3);}
.nga-knd__avk-bar{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:6px;}
.nga-knd__avk-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}

@media(max-width:991px){.nga-knd__dosha-grid{grid-template-columns:1fr 1fr;}.nga-knd__avk-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:767px){.nga-knd__form-body{padding:22px;}.nga-knd__dosha-grid{grid-template-columns:1fr;}.nga-knd__avk-grid{grid-template-columns:repeat(3,1fr);}}



/* ══════════════════════════════
nga-km  KUNDLI MATCHING
══════════════════════════════ */
.nga-km{padding:56px 0;}
.nga-km--white{background:#fff;padding:56px 0;}
.nga-km--light{background:#f8f5ff;padding:56px 0;}

.nga-km__h{font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-km__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-km__h--dk{color:var(--primary);}
.nga-km__bar{width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-km__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px rgba(249,115,22,.35);}
.nga-km__icon i{color:var(--primary);font-size:1rem;}

/* ── SECTION 1: DUAL FORM (dark) ── */
.nga-km__bg1{
background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),
radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.08) 0%,transparent 55%),
linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 60%,var(--bg-dark) 100%);
}
.nga-km__dual-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start;}
.nga-km__form-panel{
background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));
border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;
position:relative;overflow:hidden;
}
.nga-km__form-panel--boy{border-color:rgba(59,130,246,.25);}
.nga-km__form-panel--girl{border-color:rgba(236,72,153,.25);}
.nga-km__form-panel--boy::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa);}
.nga-km__form-panel--girl::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ec4899,#f9a8d4);}
.nga-km__panel-label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:16px;}
.nga-km__form-panel--boy  .nga-km__panel-label{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.25);}
.nga-km__form-panel--girl .nga-km__panel-label{background:rgba(236,72,153,.15);color:#f472b6;border:1px solid rgba(236,72,153,.25);}
.nga-km__field-label{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block;}
.nga-km__input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 13px;font-size:.88rem;font-weight:600;color:var(--text-white);outline:none;transition:border-color .2s;margin-bottom:12px;}
.nga-km__input::placeholder{color:rgba(255,255,255,.3);}
.nga-km__input:focus{border-color:var(--accent);}
/* divider */
.nga-km__divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-top:42px;}
.nga-km__heart{font-size:2.5rem;animation:km-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(249,115,22,.6));}
@keyframes km-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.nga-km__div-line{width:2px;height:40px;background:linear-gradient(180deg,transparent,rgba(249,115,22,.4),transparent);}
/* submit */
.nga-km__submit{width:100%;padding:14px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:1rem;font-weight:700;color:var(--primary);transition:all .22s;box-shadow:0 6px 22px rgba(249,115,22,.4);margin-top:8px;}
.nga-km__submit:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(249,115,22,.5);}

/* ── SECTION 2: COMPATIBILITY SCORE (white) ── */
.nga-km__score-wrap{
background:linear-gradient(135deg,var(--primary),var(--primary-mid));
border-radius:22px;padding:32px;
display:flex;align-items:center;gap:32px;flex-wrap:wrap;
margin-bottom:28px;
}
.nga-km__score-circle{
width:140px;height:140px;border-radius:50%;flex-shrink:0;
background:conic-gradient(var(--accent) 0% 78%,rgba(255,255,255,.1) 78% 100%);
display:flex;align-items:center;justify-content:center;
box-shadow:0 0 40px rgba(249,115,22,.4);position:relative;
}
.nga-km__score-inner{
width:110px;height:110px;border-radius:50%;
background:var(--primary);
display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.nga-km__score-num{font-size:2rem;font-weight:700;color:var(--accent-2);line-height:1;}
.nga-km__score-max{font-size:.7rem;color:rgba(255,255,255,.45);letter-spacing:.06em;}
.nga-km__score-info{flex:1;}
.nga-km__score-verdict{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 6px;}
.nga-km__score-verdict span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-km__score-desc{font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.75;max-width:420px;}
.nga-km__score-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.nga-km__score-tag{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:700;color:rgba(255,255,255,.8);}
.nga-km__score-tag i{color:var(--accent-2);}
/* couple strip */
.nga-km__couple-strip{display:flex;align-items:center;justify-content:center;gap:20px;background:#f8f5ff;border:1px solid #e8e0f5;border-radius:16px;padding:18px 24px;margin-bottom:28px;flex-wrap:wrap;}
.nga-km__person{text-align:center;}
.nga-km__person-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 6px;}
.nga-km__person-avatar--boy{background:linear-gradient(135deg,#3b82f6,#60a5fa);}
.nga-km__person-avatar--girl{background:linear-gradient(135deg,#ec4899,#f9a8d4);}
.nga-km__person-name{font-size:.85rem;font-weight:700;color:var(--primary);}
.nga-km__person-rashi{font-size:.72rem;color:#6b7280;}
.nga-km__couple-heart{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(249,115,22,.5));}

/* ── SECTION 3: ASHTAKOOT GUNA (light) ── */
.nga-km__guna-table{width:100%;border-collapse:separate;border-spacing:0;}
.nga-km__guna-table thead th{background:linear-gradient(90deg,var(--primary),var(--primary-mid));color:rgba(255,255,255,.75);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;}
.nga-km__guna-table thead th:first-child{border-radius:10px 0 0 0;}
.nga-km__guna-table thead th:last-child{border-radius:0 10px 0 0;}
.nga-km__guna-table tbody tr{transition:background .15s;}
.nga-km__guna-table tbody tr:hover{background:#fdf8f0;}
.nga-km__guna-table tbody td{padding:11px 14px;font-size:.83rem;border-bottom:1px solid #f0ebff;color:#374151;}
.nga-km__guna-table tbody tr:last-child td{border-bottom:none;font-weight:800;}
.nga-km__guna-table tbody td:first-child{font-weight:800;color:var(--primary);}
.nga-km__guna-table tbody td:last-child{font-weight:800;}
.nga-km__score-pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:800;}
.nga-km__score-pill--full   {background:rgba(34,197,94,.12);color:#16a34a;border:1px solid rgba(34,197,94,.2);}
.nga-km__score-pill--partial{background:rgba(249,115,22,.12);color:var(--accent);border:1px solid rgba(249,115,22,.2);}
.nga-km__score-pill--low    {background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.2);}
.nga-km__guna-wrap{background:#fff;border:1px solid #e8e0f5;border-radius:16px;overflow:hidden;}

/* ── SECTION 4: DOSHA + REMEDIES (dark) ── */
.nga-km__bg4{background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%);}
.nga-km__dosha-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px;}
.nga-km__dosha-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;}
.nga-km__dosha-card--match{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.04);}
.nga-km__dosha-card--warn {border-color:rgba(249,115,22,.25);background:rgba(249,115,22,.04);}
.nga-km__dc-title{font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.nga-km__dosha-card--match .nga-km__dc-title{color:#4ade80;}
.nga-km__dosha-card--warn  .nga-km__dc-title{color:var(--accent-2);}
.nga-km__dc-desc{font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.7;}
/* remedies */
.nga-km__remedies{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.nga-km__remedy-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;text-align:center;transition:all .2s;}
.nga-km__remedy-card:hover{border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.05);}
.nga-km__remedy-emoji{font-size:1.8rem;display:block;margin-bottom:8px;}
.nga-km__remedy-title{font-size:.82rem;font-weight:700;color:var(--text-white);display:block;margin-bottom:5px;}
.nga-km__remedy-desc{font-size:.74rem;color:rgba(255,255,255,.5);line-height:1.55;}

@media(max-width:991px){
.nga-km__dual-wrap{grid-template-columns:1fr;gap:16px;}
.nga-km__divider{flex-direction:row;padding-top:0;}
.nga-km__div-line{width:40px;height:2px;}
.nga-km__remedies{grid-template-columns:1fr 1fr;}
}
@media(max-width:767px){
.nga-km__score-wrap{flex-direction:column;text-align:center;}
.nga-km__dosha-row-grid{grid-template-columns:1fr;}
.nga-km__remedies{grid-template-columns:1fr;}
}


/* ===================Numerology Report=================== */

.nga-nr{padding:56px 0;}.nga-nr--white{background:#fff;padding:56px 0;}.nga-nr--light{background:#f8f5ff;padding:56px 0;}
.nga-nr__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-nr__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-nr__h--dk{color:var(--primary);}
.nga-nr__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-nr__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-nr__icon i{color:var(--primary);font-size:.95rem;}

/* ── S1: FORM (dark) ── */
.nga-nr__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.07) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 60%,var(--bg-dark) 100%);}
.nga-nr__card{background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));border:1px solid rgba(249,115,22,.2);border-radius:20px;position:relative;overflow:hidden;}
.nga-nr__card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-nr__card-body{padding:28px 32px;}
.nga-nr__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-nr__form-title{font-size:clamp(1.3rem,2.8vw,1.85rem);font-weight:700;color:var(--text-white);margin:0 0 5px;}
.nga-nr__form-title span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-nr__fl{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block;}
.nga-nr__inp{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 13px;font-size:.88rem;font-weight:600;color:var(--text-white);outline:none;transition:border-color .2s;}
.nga-nr__inp::placeholder{color:rgba(255,255,255,.3);}
.nga-nr__inp:focus{border-color:var(--accent);}
.nga-nr__btn{width:100%;padding:13px;border-radius:11px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.95rem;font-weight:700;color:var(--primary);box-shadow:0 5px 20px rgba(249,115,22,.4);transition:all .22s;}
.nga-nr__btn:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(249,115,22,.5);}

/* ── S2: OVERVIEW (white) ── */
.nga-nr__ov-wrap{background:linear-gradient(135deg,var(--primary),var(--primary-mid));border-radius:20px;padding:28px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:24px;}
.nga-nr__ov-num{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--accent) 0% 100%,rgba(255,255,255,.08) 0%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 36px rgba(249,115,22,.4);}
.nga-nr__ov-inner{width:84px;height:84px;border-radius:50%;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.nga-nr__ov-digit{font-size:2.2rem;font-weight:700;color:var(--accent-2);line-height:1;}
.nga-nr__ov-lbl{font-size:.6rem;color:rgba(255,255,255,.4);letter-spacing:.06em;text-transform:uppercase;}
.nga-nr__ov-info{flex:1;}
.nga-nr__ov-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 5px;}
.nga-nr__ov-title span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-nr__ov-desc{font-size:.86rem;color:rgba(255,255,255,.65);line-height:1.75;}
.nga-nr__ov-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.nga-nr__ov-tag{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:4px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.78);}
.nga-nr__ov-tag i{color:var(--accent-2);}

/* 3 core number cards */
.nga-nr__core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-nr__core-card{background:#fff;border:1px solid #e8e0f5;border-radius:16px;padding:22px;text-align:center;transition:all .22s;position:relative;overflow:hidden;}
.nga-nr__core-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .28s;}
.nga-nr__core-card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,10,74,.1);}
.nga-nr__core-card:hover::before{transform:scaleX(1);}
.nga-nr__core-num{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px;}
.nga-nr__core-type{font-size:.65rem;font-weight:800;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:4px;}
.nga-nr__core-name{font-size:.9rem;font-weight:700;color:var(--primary);display:block;margin-bottom:8px;}
.nga-nr__core-desc{font-size:.78rem;color:#6b7280;line-height:1.65;}

/* ── S3: YEAR FORECAST (light) ── */
.nga-nr__yr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.nga-nr__yr-card{background:#fff;border:1px solid #e8e0f5;border-radius:14px;padding:18px;transition:all .22s;}
.nga-nr__yr-card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-2px);box-shadow:0 8px 22px rgba(28,10,74,.08);}
.nga-nr__yr-card.nga-nr--now{border-color:var(--accent);background:rgba(249,115,22,.04);}
.nga-nr__yr-year{font-size:.65rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-nr__yr-num{font-size:1.6rem;font-weight:700;color:var(--primary);display:block;line-height:1;margin-bottom:5px;}
.nga-nr__yr-card.nga-nr--now .nga-nr__yr-num{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-nr__yr-theme{font-size:.78rem;font-weight:800;color:var(--primary);display:block;margin-bottom:4px;}
.nga-nr__yr-desc{font-size:.73rem;color:#6b7280;line-height:1.55;}
.nga-nr__now-badge{display:none;font-size:.57rem;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);padding:1px 8px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;}
.nga-nr__yr-card.nga-nr--now .nga-nr__now-badge{display:inline-block;}

@media(max-width:991px){.nga-nr__core-grid{grid-template-columns:1fr 1fr;}.nga-nr__yr-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.nga-nr__core-grid{grid-template-columns:1fr;}.nga-nr__card-body{padding:20px;}}


/* =======================Name Numerology======================= */

.nga-nn{padding:56px 0;}.nga-nn--white{background:#fff;padding:56px 0;}.nga-nn--light{background:#f8f5ff;padding:56px 0;}
.nga-nn__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-nn__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-nn__h--dk{color:var(--primary);}
.nga-nn__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-nn__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-nn__icon i{color:var(--primary);font-size:.95rem;}

/* S1: FORM */
.nga-nn__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.07) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 60%,var(--bg-dark) 100%);}
.nga-nn__card{background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));border:1px solid rgba(249,115,22,.2);border-radius:20px;position:relative;overflow:hidden;}
.nga-nn__card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-nn__card-body{padding:28px 32px;}
.nga-nn__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-nn__fl{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block;}
.nga-nn__inp{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 13px;font-size:.88rem;font-weight:600;color:var(--text-white);outline:none;transition:border-color .2s;}
.nga-nn__inp::placeholder{color:rgba(255,255,255,.3);}
.nga-nn__inp:focus{border-color:var(--accent);}
.nga-nn__btn{width:100%;padding:13px;border-radius:11px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.95rem;font-weight:700;color:var(--primary);box-shadow:0 5px 20px rgba(249,115,22,.4);transition:all .22s;}
.nga-nn__btn:hover{transform:translateY(-2px);}

/* S2: LETTER GRID */
.nga-nn__letter-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.nga-nn__letter{width:46px;height:56px;border-radius:10px;background:#fff;border:1px solid #e8e0f5;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;}
.nga-nn__letter:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px rgba(28,10,74,.1);}
.nga-nn__letter--vowel{background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(251,191,36,.05));border-color:rgba(249,115,22,.3);}
.nga-nn__letter-char{font-size:1rem;font-weight:700;color:var(--primary);}
.nga-nn__letter--vowel .nga-nn__letter-char{color:var(--accent);}
.nga-nn__letter-val{font-size:.6rem;font-weight:800;color:#6b7280;}
.nga-nn__letter--vowel .nga-nn__letter-val{color:var(--accent);}
/* legend */
.nga-nn__legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.nga-nn__leg-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#4b5563;font-weight:700;}
.nga-nn__leg-dot{width:10px;height:10px;border-radius:3px;}

/* pythagorean table */
.nga-nn__pyth{background:#fff;border:1px solid #e8e0f5;border-radius:14px;overflow:hidden;margin-bottom:22px;}
.nga-nn__pyth-head{background:linear-gradient(90deg,var(--primary),var(--primary-mid));display:grid;grid-template-columns:repeat(9,1fr);}
.nga-nn__pyth-cell{padding:9px 4px;text-align:center;font-size:.7rem;font-weight:800;color:rgba(255,255,255,.75);letter-spacing:.06em;}
.nga-nn__pyth-body{display:grid;grid-template-columns:repeat(9,1fr);}
.nga-nn__pyth-val{padding:8px 4px;text-align:center;font-size:.8rem;font-weight:700;color:var(--primary);border-right:1px solid #f0ebff;border-bottom:1px solid #f0ebff;}

/* S3: 3 CORE CARDS */
.nga-nn__core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.nga-nn__core-card{border-radius:18px;padding:24px;border:1px solid;transition:all .25s;}
.nga-nn__core-card:hover{transform:translateY(-3px);}
.nga-nn__core-card--exp{background:linear-gradient(135deg,#f0f5ff,#eef2ff);border-color:#c7d2fe;}
.nga-nn__core-card--soul{background:linear-gradient(135deg,#fff0fb,#fff5f5);border-color:#f9c5d5;}
.nga-nn__core-card--pers{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0;}
.nga-nn__cc-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.nga-nn__cc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.nga-nn__cc-icon--exp {background:rgba(99,102,241,.12);color:#6366f1;}
.nga-nn__cc-icon--soul{background:rgba(239,68,68,.12);color:#ef4444;}
.nga-nn__cc-icon--pers{background:rgba(34,197,94,.12);color:#22c55e;}
.nga-nn__cc-num{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}
.nga-nn__cc-type{font-size:.63rem;font-weight:800;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-nn__cc-name{font-size:.9rem;font-weight:700;color:var(--primary);display:block;margin-bottom:8px;}
.nga-nn__cc-desc{font-size:.79rem;color:#4b5563;line-height:1.7;}
/* calculation breakdown */
.nga-nn__calc-strip{background:#f8f5ff;border:1px solid #e8e0f5;border-radius:12px;padding:14px 18px;margin-top:10px;font-size:.78rem;color:#374151;}
.nga-nn__calc-strip strong{color:var(--primary);}

/* S4: NAME COMPATIBILITY (dark) */
.nga-nn__bg4{background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%);}
.nga-nn__compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.nga-nn__compat-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;text-align:center;transition:all .2s;}
.nga-nn__compat-card:hover{border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.05);}
.nga-nn__compat-num{font-size:2rem;font-weight:700;color:var(--accent-2);display:block;}
.nga-nn__compat-label{font-size:.65rem;font-weight:800;color:rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:6px;}
.nga-nn__compat-name{font-size:.82rem;font-weight:700;color:var(--text-white);display:block;margin-bottom:4px;}
.nga-nn__compat-desc{font-size:.74rem;color:rgba(255,255,255,.5);line-height:1.55;}

@media(max-width:991px){.nga-nn__core-grid{grid-template-columns:1fr;}.nga-nn__compat-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-nn__card-body{padding:20px;}.nga-nn__compat-grid{grid-template-columns:1fr;}}


/* =========================Birth Number========================= */

.nga-bn{padding:56px 0;}.nga-bn--white{background:#fff;padding:56px 0;}.nga-bn--light{background:#f8f5ff;padding:56px 0;}
.nga-bn__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-bn__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-bn__h--dk{color:var(--primary);}
.nga-bn__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-bn__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-bn__icon i{color:var(--primary);font-size:.95rem;}
.nga-bn__calc-card h1{font-size:clamp(1.3rem,2.8vw,1.85rem);font-weight:700;color:var(--text-white);margin:0 0 5px;}
.nga-bn__calc-card h1 span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-bn__calc-card p{font-size:.83rem;color:rgba(255,255,255,.5);margin-bottom:22px;}
/* S1: CALCULATOR (dark) */
.nga-bn__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.07) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 60%,var(--bg-dark) 100%);}
.nga-bn__calc-card{background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));border:1px solid rgba(249,115,22,.2);border-radius:20px;position:relative;overflow:hidden;padding:32px;}
.nga-bn__calc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-bn__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:14px;}
.nga-bn__fl{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block;}
.nga-bn__inp{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:11px 13px;font-size:.88rem;font-weight:600;color:var(--text-white);outline:none;transition:border-color .2s;}
.nga-bn__inp:focus{border-color:var(--accent);}
.nga-bn__btn{width:100%;padding:13px;border-radius:11px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.95rem;font-weight:700;color:var(--primary);box-shadow:0 5px 20px rgba(249,115,22,.4);transition:all .22s;margin-top:4px;}
.nga-bn__btn:hover{transform:translateY(-2px);}
/* result pill */
.nga-bn__result-pill{display:flex;align-items:center;justify-content:center;gap:18px;background:rgba(255,255,255,.06);border:1px solid rgba(249,115,22,.25);border-radius:16px;padding:20px 24px;margin-top:20px;}
.nga-bn__res-num{font-size:3.5rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}
.nga-bn__res-label{font-size:.65rem;font-weight:800;color:rgba(255,255,255,.45);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-bn__res-name{font-size:1.1rem;font-weight:700;color:var(--text-white);display:block;margin-bottom:4px;}
.nga-bn__res-calc{font-size:.76rem;color:rgba(255,255,255,.45);}

/* S2: ALL 9 MEANINGS (white) */
.nga-bn__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-bn__card{background:#fff;border:1px solid #e8e0f5;border-radius:16px;padding:22px;transition:all .25s;position:relative;overflow:hidden;cursor:pointer;}
.nga-bn__card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .28s;}
.nga-bn__card:hover,.nga-bn__card.nga-bn--active{border-color:rgba(249,115,22,.4);transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,10,74,.1);}
.nga-bn__card:hover::before,.nga-bn__card.nga-bn--active::before{transform:scaleX(1);}
.nga-bn__card.nga-bn--active{border-color:var(--accent);box-shadow:0 14px 32px rgba(249,115,22,.18);}
.nga-bn__card-top{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.nga-bn__num-circle{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-mid));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(28,10,74,.25);}
.nga-bn__card.nga-bn--active .nga-bn__num-circle{background:linear-gradient(135deg,var(--accent),var(--accent-2));}
.nga-bn__num-val{font-size:1.4rem;font-weight:700;color:#fff;}
.nga-bn__card.nga-bn--active .nga-bn__num-val{color:var(--primary);}
.nga-bn__card-name{font-size:.95rem;font-weight:700;color:var(--primary);display:block;margin-bottom:3px;}
.nga-bn__card-planet{font-size:.68rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;}
.nga-bn__card-desc{font-size:.79rem;color:#4b5563;line-height:1.7;}
.nga-bn__traits{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;}
.nga-bn__trait{font-size:.65rem;font-weight:800;background:#f0ebff;color:var(--primary);padding:2px 9px;border-radius:20px;}
.nga-bn__card.nga-bn--active .nga-bn__trait{background:rgba(249,115,22,.1);color:var(--accent);}
.nga-bn__you-badge{display:none;font-size:.58rem;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);padding:1px 8px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;position:absolute;top:14px;right:14px;}
.nga-bn__card.nga-bn--active .nga-bn__you-badge{display:inline-block;}

/* S3: BIRTH NUMBER COMPATIBILITY (light) */
.nga-bn__compat-wrap{background:#fff;border:1px solid #e8e0f5;border-radius:16px;overflow:hidden;}
.nga-bn__compat-head{background:linear-gradient(90deg,var(--primary),var(--primary-mid));display:grid;grid-template-columns:60px repeat(9,1fr);}
.nga-bn__compat-hcell{padding:9px 4px;text-align:center;font-size:.68rem;font-weight:800;color:rgba(255,255,255,.7);}
.nga-bn__compat-row{display:grid;grid-template-columns:60px repeat(9,1fr);border-bottom:1px solid #f0ebff;}
.nga-bn__compat-row:last-child{border-bottom:none;}
.nga-bn__compat-cell{padding:9px 4px;text-align:center;font-size:.8rem;}
.nga-bn__compat-cell--label{font-weight:700;color:var(--primary);font-size:.75rem;}
.nga-bn__dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;margin:0 auto;}
.nga-bn__dot--g{background:rgba(34,197,94,.15);color:#16a34a;}
.nga-bn__dot--m{background:rgba(249,115,22,.13);color:var(--accent);}
.nga-bn__dot--b{background:rgba(239,68,68,.12);color:#dc2626;}

@media(max-width:991px){.nga-bn__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-bn__grid{grid-template-columns:1fr;}.nga-bn__compat-wrap{overflow-x:auto;}}


/* =============Life Path Number==================== */

.nga-lp{padding:56px 0;}.nga-lp--white{background:#fff;padding:56px 0;}.nga-lp--light{background:#f8f5ff;padding:56px 0;}
.nga-lp__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-lp__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-lp__h--dk{color:var(--primary);}
.nga-lp__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-lp__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-lp__icon i{color:var(--primary);font-size:.95rem;}

/* S1: CALCULATOR */
.nga-lp__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.07) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 60%,var(--bg-dark) 100%);}
.nga-lp__calc-card{background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));border:1px solid rgba(249,115,22,.2);border-radius:20px;position:relative;overflow:hidden;padding:32px;}
.nga-lp__calc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-lp__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:14px;}
.nga-lp__fl{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block;}
.nga-lp__inp{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:11px 13px;font-size:.88rem;font-weight:600;color:var(--text-white);outline:none;transition:border-color .2s;}
.nga-lp__inp:focus{border-color:var(--accent);}
.nga-lp__btn{width:100%;padding:13px;border-radius:11px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.95rem;font-weight:700;color:var(--primary);box-shadow:0 5px 20px rgba(249,115,22,.4);transition:all .22s;margin-top:4px;}
.nga-lp__btn:hover{transform:translateY(-2px);}
/* steps display */
.nga-lp__steps{background:rgba(255,255,255,.06);border:1px solid rgba(249,115,22,.2);border-radius:14px;padding:20px 24px;margin-top:20px;}
.nga-lp__step-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.nga-lp__step-row:last-child{margin-bottom:0;}
.nga-lp__step-label{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.4);letter-spacing:.08em;text-transform:uppercase;width:70px;flex-shrink:0;}
.nga-lp__step-val{font-size:.88rem;font-weight:700;color:rgba(255,255,255,.8);}
.nga-lp__step-arrow{color:rgba(255,255,255,.25);font-size:.75rem;}
.nga-lp__step-final{font-size:1.1rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-lp__result-big{text-align:center;margin-bottom:14px;}
.nga-lp__result-num{font-size:4rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:block;}
.nga-lp__result-name{font-size:1.1rem;color:var(--text-white);display:block;margin-top:4px;}

/* S2: 9 LIFE PATHS (white) */
.nga-lp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-lp__card{background:#fff;border:1px solid #e8e0f5;border-radius:16px;overflow:hidden;transition:all .25s;cursor:pointer;}
.nga-lp__card:hover,.nga-lp__card.nga-lp--active{border-color:rgba(249,115,22,.4);transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,10,74,.1);}
.nga-lp__card.nga-lp--active{border-color:var(--accent);}
.nga-lp__card-head{padding:16px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-mid));display:flex;align-items:center;gap:12px;position:relative;}
.nga-lp__card.nga-lp--active .nga-lp__card-head{background:linear-gradient(135deg,var(--accent),var(--accent-2));}
.nga-lp__lp-num{font-size:2rem;font-weight:700;color:#fff;line-height:1;}
.nga-lp__card.nga-lp--active .nga-lp__lp-num{color:var(--primary);}
.nga-lp__card-head-info{flex:1;}
.nga-lp__lp-archetype{font-size:.9rem;font-weight:700;color:rgba(255,255,255,.9);display:block;}
.nga-lp__card.nga-lp--active .nga-lp__lp-archetype{color:var(--primary);}
.nga-lp__lp-planet{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.55);letter-spacing:.07em;}
.nga-lp__card.nga-lp--active .nga-lp__lp-planet{color:rgba(28,10,74,.65);}
.nga-lp__you-tag{display:none;font-size:.56rem;font-weight:800;background:rgba(255,255,255,.25);color:var(--primary);padding:1px 7px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;position:absolute;top:10px;right:10px;}
.nga-lp__card.nga-lp--active .nga-lp__you-tag{display:inline-block;}
.nga-lp__card-body{padding:16px 18px;}
.nga-lp__lp-desc{font-size:.8rem;color:#4b5563;line-height:1.7;margin-bottom:10px;}
/* strengths / challenges */
.nga-lp__sc{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.nga-lp__sc-box{border-radius:8px;padding:8px 10px;}
.nga-lp__sc-box--s{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);}
.nga-lp__sc-box--c{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.12);}
.nga-lp__sc-title{font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;display:block;margin-bottom:4px;}
.nga-lp__sc-box--s .nga-lp__sc-title{color:#16a34a;}
.nga-lp__sc-box--c .nga-lp__sc-title{color:#dc2626;}
.nga-lp__sc-list{font-size:.73rem;color:#374151;line-height:1.6;}

/* S3: FAMOUS + CAREERS (light) */
.nga-lp__famous-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-lp__famous-card{background:#fff;border:1px solid #e8e0f5;border-radius:14px;padding:18px;transition:all .22s;}
.nga-lp__famous-card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-2px);box-shadow:0 8px 22px rgba(28,10,74,.08);}
.nga-lp__fc-num{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:4px;}
.nga-lp__fc-arch{font-size:.82rem;font-weight:700;color:var(--primary);display:block;margin-bottom:8px;}
.nga-lp__fc-careers{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;}
.nga-lp__fc-tag{font-size:.62rem;font-weight:800;background:#f0ebff;color:var(--primary);padding:2px 8px;border-radius:20px;}
.nga-lp__fc-famous{font-size:.74rem;color:#6b7280;}
.nga-lp__fc-famous strong{color:var(--primary);}

/* master numbers strip */
.nga-lp__master-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;}
.nga-lp__master-card{background:linear-gradient(135deg,rgba(107,33,200,.08),rgba(249,115,22,.05));border:1px solid rgba(107,33,200,.2);border-radius:14px;padding:18px;text-align:center;}
.nga-lp__mc-num{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:4px;}
.nga-lp__mc-name{font-size:.82rem;font-weight:700;color:var(--primary);display:block;margin-bottom:6px;}
.nga-lp__mc-desc{font-size:.75rem;color:#4b5563;line-height:1.6;}

@media(max-width:991px){.nga-lp__grid{grid-template-columns:1fr 1fr;}.nga-lp__famous-grid{grid-template-columns:1fr 1fr;}.nga-lp__master-strip{grid-template-columns:1fr;}}
@media(max-width:575px){.nga-lp__grid{grid-template-columns:1fr;}.nga-lp__famous-grid{grid-template-columns:1fr;}}


/* ==================Daily Tarot=========================== */

.nga-dt{padding:56px 0;}.nga-dt--white{background:#fff;padding:56px 0;}.nga-dt--light{background:#f8f5ff;padding:56px 0;}
.nga-dt__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-dt__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-dt__h--dk{color:var(--primary);}
.nga-dt__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-dt__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-dt__icon i{color:var(--primary);font-size:.95rem;}

/* ── S1: HERO + DRAW CARD (dark) ── */
.nga-dt__bg1{background:radial-gradient(ellipse 65% 55% at 10% 25%,rgba(107,33,200,.35) 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 90% 75%,rgba(249,115,22,.08) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 65%,var(--bg-dark) 100%);}

/* card face */
.nga-dt__deck-area{display:flex;flex-direction:column;align-items:center;gap:18px;}
.nga-dt__card-face{
width:160px;height:260px;border-radius:16px;
background:linear-gradient(135deg,var(--primary-mid),var(--primary));
border:2px solid rgba(249,115,22,.3);
display:flex;align-items:center;justify-content:center;
cursor:pointer;transition:all .35s;position:relative;overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.5);
}
.nga-dt__card-face::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.02) 8px,rgba(255,255,255,.02) 9px);}
.nga-dt__card-face:hover{transform:translateY(-8px) rotate(2deg);box-shadow:0 30px 60px rgba(249,115,22,.3),0 0 0 1px rgba(249,115,22,.4);}
.nga-dt__card-back-icon{font-size:3rem;filter:drop-shadow(0 0 14px rgba(249,115,22,.5));}
.nga-dt__card-face.nga-dt--revealed{transform:none !important;cursor:default;background:linear-gradient(160deg,#1a0a3a,#2d1060);}
.nga-dt__card-face.nga-dt--revealed:hover{transform:none !important;}
/* revealed card inner */
.nga-dt__card-inner{display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;text-align:center;z-index:1;}
.nga-dt__card-face.nga-dt--revealed .nga-dt__card-inner{display:flex;}
.nga-dt__card-face.nga-dt--revealed .nga-dt__card-back-icon{display:none;}
.nga-dt__card-emoji{font-size:2.6rem;filter:drop-shadow(0 0 10px rgba(249,115,22,.6));}
.nga-dt__card-name{font-size:.78rem;font-weight:700;color:var(--text-white);line-height:1.3;text-align:center;}
.nga-dt__card-num{font-size:.6rem;font-weight:800;color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;}
/* draw btn */
.nga-dt__draw-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.9rem;font-weight:800;padding:12px 28px;border-radius:30px;border:none;cursor:pointer;box-shadow:0 6px 22px rgba(249,115,22,.4);transition:all .22s;}
.nga-dt__draw-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(249,115,22,.5);}
.nga-dt__draw-note{font-size:.73rem;color:rgba(255,255,255,.38);text-align:center;}

/* hero info card */
.nga-dt__info-card{background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));border:1px solid rgba(249,115,22,.2);border-radius:20px;padding:28px;position:relative;overflow:hidden;height:100%;}
.nga-dt__info-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-dt__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}

/* reading result (hidden until draw) */
.nga-dt__reading{display:none;background:rgba(255,255,255,.05);border:1px solid rgba(249,115,22,.2);border-radius:14px;padding:20px;margin-top:16px;}
.nga-dt__reading.nga-dt--show{display:block;animation:fadeIn .5s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.nga-dt__reading-title{font-size:1rem;font-weight:700;color:var(--accent-2);margin-bottom:8px;}
.nga-dt__reading-text{font-size:.83rem;color:rgba(255,255,255,.72);line-height:1.8;}
.nga-dt__reading-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}
.nga-dt__chip{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 12px;font-size:.74rem;font-weight:700;color:rgba(255,255,255,.75);}
.nga-dt__chip i{color:var(--accent-2);}

/* ── S2: 3-CARD SPREAD (white) ── */
.nga-dt__spread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.nga-dt__spread-card{background:#fff;border:1px solid #e8e0f5;border-radius:18px;overflow:hidden;transition:all .25s;}
.nga-dt__spread-card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-4px);box-shadow:0 14px 30px rgba(28,10,74,.1);}
.nga-dt__sc-head{padding:18px;background:linear-gradient(135deg,var(--primary),var(--primary-mid));text-align:center;position:relative;}
.nga-dt__sc-position{font-size:.62rem;font-weight:800;color:rgba(255,255,255,.55);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px;}
.nga-dt__sc-emoji{font-size:2.4rem;display:block;filter:drop-shadow(0 0 10px rgba(249,115,22,.5));margin-bottom:8px;}
.nga-dt__sc-name{font-size:.9rem;font-weight:700;color:var(--text-white);}
.nga-dt__sc-arcana{font-size:.65rem;color:rgba(255,255,255,.45);letter-spacing:.06em;}
.nga-dt__sc-body{padding:18px;}
.nga-dt__sc-label{font-size:.65rem;font-weight:800;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:5px;}
.nga-dt__sc-desc{font-size:.8rem;color:#4b5563;line-height:1.7;}
.nga-dt__sc-keywords{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;}
.nga-dt__keyword{font-size:.62rem;font-weight:800;background:#f0ebff;color:var(--primary);padding:2px 8px;border-radius:20px;}

/* ── S3: ALL MAJOR ARCANA QUICK REF (light) ── */
.nga-dt__arcana-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;}
.nga-dt__arcana-card{background:#fff;border:1px solid #e8e0f5;border-radius:12px;padding:12px 8px;text-align:center;transition:all .2s;cursor:pointer;}
.nga-dt__arcana-card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-2px);box-shadow:0 6px 18px rgba(28,10,74,.08);}
.nga-dt__arcana-emoji{font-size:1.4rem;display:block;margin-bottom:5px;}
.nga-dt__arcana-num{font-size:.6rem;font-weight:800;color:var(--accent);letter-spacing:.06em;display:block;}
.nga-dt__arcana-name{font-size:.65rem;font-weight:700;color:var(--primary);display:block;}

@media(max-width:991px){.nga-dt__spread-grid{grid-template-columns:1fr;}.nga-dt__arcana-grid{grid-template-columns:repeat(5,1fr);}}
@media(max-width:575px){.nga-dt__arcana-grid{grid-template-columns:repeat(4,1fr);}}


/* ===================Love Tarot============================= */

.nga-lt{padding:56px 0;}.nga-lt--white{background:#fff;padding:56px 0;}.nga-lt--light{background:#f8f5ff;padding:56px 0;}
.nga-lt__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-lt__h span{background:linear-gradient(90deg,#ec4899,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-lt__h--dk{color:var(--primary);}
.nga-lt__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ec4899,#f9a8d4);margin-top:7px;}
.nga-lt__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#ec4899,#f9a8d4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(236,72,153,.35);}
.nga-lt__icon i{color:#fff;font-size:.95rem;}

/* S1: HERO DRAW */
.nga-lt__bg1{background:radial-gradient(ellipse 65% 55% at 10% 25%,rgba(236,72,153,.2) 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 90% 75%,rgba(107,33,200,.3) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 65%,var(--bg-dark) 100%);}
.nga-lt__info-card{background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));border:1px solid rgba(236,72,153,.2);border-radius:20px;padding:28px;position:relative;overflow:hidden;}
.nga-lt__info-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ec4899,#f9a8d4);}
.nga-lt__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,#ec4899,#f9a8d4);color:#fff;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
/* card */
.nga-lt__card-face{width:150px;height:240px;border-radius:16px;background:linear-gradient(135deg,#3d0a2a,#1C0A4A);border:2px solid rgba(236,72,153,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5);}
.nga-lt__card-face::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.015) 8px,rgba(255,255,255,.015) 9px);}
.nga-lt__card-face:hover{transform:translateY(-8px) rotate(-2deg);box-shadow:0 30px 60px rgba(236,72,153,.3);}
.nga-lt__card-face.nga-lt--revealed{transform:none !important;cursor:default;}
.nga-lt__card-back{font-size:2.8rem;filter:drop-shadow(0 0 14px rgba(236,72,153,.5));}
.nga-lt__card-inner{display:none;flex-direction:column;align-items:center;gap:6px;padding:14px;text-align:center;}
.nga-lt__card-face.nga-lt--revealed .nga-lt__card-inner{display:flex;}
.nga-lt__card-face.nga-lt--revealed .nga-lt__card-back{display:none;}
.nga-lt__card-emoji{font-size:2.4rem;filter:drop-shadow(0 0 10px rgba(236,72,153,.6));}
.nga-lt__card-name{font-size:.76rem;font-weight:700;color:var(--text-white);}
.nga-lt__draw-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#ec4899,#f9a8d4);color:#fff;font-size:.9rem;font-weight:800;padding:11px 26px;border-radius:30px;border:none;cursor:pointer;box-shadow:0 6px 22px rgba(236,72,153,.4);transition:all .22s;}
.nga-lt__draw-btn:hover{transform:translateY(-2px);}
.nga-lt__reading{display:none;background:rgba(236,72,153,.07);border:1px solid rgba(236,72,153,.2);border-radius:14px;padding:18px;margin-top:16px;}
.nga-lt__reading.show{display:block;animation:fadeUp .5s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.nga-lt__chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.75);margin:3px;}
.nga-lt__chip i{color:#f9a8d4;}

/* S2: 5-CARD LOVE SPREAD */
.nga-lt__spread{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.nga-lt__sc{background:#fff;border:1px solid #fce7f3;border-radius:16px;overflow:hidden;transition:all .22s;}
.nga-lt__sc:hover{border-color:rgba(236,72,153,.35);transform:translateY(-3px);box-shadow:0 12px 26px rgba(236,72,153,.1);}
.nga-lt__sc-head{background:linear-gradient(135deg,#9d174d,#831843);padding:14px 10px;text-align:center;}
.nga-lt__sc-pos{font-size:.58rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:5px;}
.nga-lt__sc-emoji{font-size:1.8rem;display:block;margin-bottom:5px;}
.nga-lt__sc-name{font-size:.78rem;font-weight:700;color:var(--text-white);display:block;}
.nga-lt__sc-body{padding:14px 12px;}
.nga-lt__sc-lbl{font-size:.6rem;font-weight:800;color:#ec4899;letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:4px;}
.nga-lt__sc-desc{font-size:.76rem;color:#4b5563;line-height:1.65;}

/* S3: LOVE CARD MEANINGS */
.nga-lt__meanings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-lt__mc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;transition:all .2s;}
.nga-lt__mc:hover{border-color:rgba(236,72,153,.3);background:rgba(236,72,153,.05);}
.nga-lt__mc-emoji{font-size:1.8rem;display:block;margin-bottom:8px;}
.nga-lt__mc-name{font-size:.88rem;font-weight:700;color:var(--text-white);display:block;margin-bottom:4px;}
.nga-lt__mc-love{font-size:.75rem;color:rgba(255,255,255,.55);line-height:1.65;}
.nga-lt__mc-tag{display:inline-block;font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:20px;margin-top:7px;}
.nga-lt__mc-tag--good{background:rgba(34,197,94,.12);color:#4ade80;}
.nga-lt__mc-tag--warn{background:rgba(249,115,22,.12);color:var(--accent-2);}
.nga-lt__mc-tag--deep{background:rgba(236,72,153,.15);color:#f9a8d4;}

@media(max-width:991px){.nga-lt__spread{grid-template-columns:1fr 1fr;}.nga-lt__meanings-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-lt__spread{grid-template-columns:1fr;}.nga-lt__meanings-grid{grid-template-columns:1fr;}}


/* ======================Career Tarot========================== */

.nga-ct{padding:56px 0;}.nga-ct--white{background:#fff;padding:56px 0;}.nga-ct--light{background:#f8f5ff;padding:56px 0;}
.nga-ct__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-ct__h span{background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-ct__h--dk{color:var(--primary);}
.nga-ct__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);margin-top:7px;}
.nga-ct__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(59,130,246,.35);}
.nga-ct__icon i{color:#fff;font-size:.95rem;}

/* S1: HERO DRAW */
.nga-ct__bg1{background:radial-gradient(ellipse 65% 55% at 10% 25%,rgba(59,130,246,.2) 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 90% 75%,rgba(107,33,200,.3) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 65%,var(--bg-dark) 100%);}
.nga-ct__info-card{background:linear-gradient(135deg,rgba(61,18,120,.55),rgba(28,10,74,.88));border:1px solid rgba(59,130,246,.22);border-radius:20px;padding:28px;position:relative;overflow:hidden;}
.nga-ct__info-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa);}
.nga-ct__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,#3b82f6,#60a5fa);color:#fff;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-ct__card-face{width:150px;height:240px;border-radius:16px;background:linear-gradient(135deg,#0a1a3a,#1C0A4A);border:2px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5);}
.nga-ct__card-face::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.015) 8px,rgba(255,255,255,.015) 9px);}
.nga-ct__card-face:hover{transform:translateY(-8px) rotate(2deg);box-shadow:0 30px 60px rgba(59,130,246,.3);}
.nga-ct__card-face.nga-ct--revealed{transform:none !important;cursor:default;}
.nga-ct__card-back{font-size:2.8rem;filter:drop-shadow(0 0 14px rgba(59,130,246,.5));}
.nga-ct__card-inner{display:none;flex-direction:column;align-items:center;gap:6px;padding:14px;text-align:center;}
.nga-ct__card-face.nga-ct--revealed .nga-ct__card-inner{display:flex;}
.nga-ct__card-face.nga-ct--revealed .nga-ct__card-back{display:none;}
.nga-ct__card-emoji{font-size:2.4rem;filter:drop-shadow(0 0 10px rgba(59,130,246,.6));}
.nga-ct__card-name{font-size:.76rem;font-weight:700;color:var(--text-white);}
.nga-ct__draw-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#3b82f6,#60a5fa);color:#fff;font-size:.9rem;font-weight:800;padding:11px 26px;border-radius:30px;border:none;cursor:pointer;box-shadow:0 6px 22px rgba(59,130,246,.4);transition:all .22s;}
.nga-ct__draw-btn:hover{transform:translateY(-2px);}
.nga-ct__reading{display:none;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.2);border-radius:14px;padding:18px;margin-top:16px;}
.nga-ct__reading.show{display:block;animation:fadeUp .5s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.nga-ct__chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.75);margin:3px;}
.nga-ct__chip i{color:#60a5fa;}

/* S2: 4-CARD CAREER SPREAD */
.nga-ct__spread{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.nga-ct__sc{background:#fff;border:1px solid #dbeafe;border-radius:16px;overflow:hidden;transition:all .22s;}
.nga-ct__sc:hover{border-color:rgba(59,130,246,.4);transform:translateY(-3px);box-shadow:0 12px 26px rgba(59,130,246,.12);}
.nga-ct__sc-head{background:linear-gradient(135deg,#1e3a8a,#1e40af);padding:16px 12px;text-align:center;}
.nga-ct__sc-pos{font-size:.58rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:5px;}
.nga-ct__sc-emoji{font-size:2rem;display:block;margin-bottom:5px;}
.nga-ct__sc-name{font-size:.82rem;font-weight:700;color:var(--text-white);display:block;}
.nga-ct__sc-body{padding:14px 12px;}
.nga-ct__sc-lbl{font-size:.6rem;font-weight:800;color:#3b82f6;letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:4px;}
.nga-ct__sc-desc{font-size:.78rem;color:#4b5563;line-height:1.65;}

/* S3: CAREER CARD MEANINGS (dark) */
.nga-ct__bg3{background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%);}
.nga-ct__meanings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.nga-ct__mc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;transition:all .2s;}
.nga-ct__mc:hover{border-color:rgba(59,130,246,.3);background:rgba(59,130,246,.05);}
.nga-ct__mc-emoji{font-size:1.6rem;display:block;margin-bottom:7px;}
.nga-ct__mc-name{font-size:.85rem;font-weight:700;color:var(--text-white);display:block;margin-bottom:4px;}
.nga-ct__mc-desc{font-size:.75rem;color:rgba(255,255,255,.55);line-height:1.65;}
.nga-ct__mc-tag{display:inline-block;font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:20px;margin-top:7px;}
.nga-ct__mc-tag--good{background:rgba(34,197,94,.12);color:#4ade80;}
.nga-ct__mc-tag--warn{background:rgba(249,115,22,.12);color:var(--accent-2);}
.nga-ct__mc-tag--power{background:rgba(59,130,246,.15);color:#60a5fa;}

@media(max-width:991px){.nga-ct__spread{grid-template-columns:1fr 1fr;}.nga-ct__meanings-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-ct__spread{grid-template-columns:1fr;}.nga-ct__meanings-grid{grid-template-columns:1fr;}}


/* ========================Yes / No Tarot=========================== */

.nga-yn{padding:56px 0;}.nga-yn--white{background:#fff;padding:56px 0;}.nga-yn--light{background:#f8f5ff;padding:56px 0;}
.nga-yn__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-yn__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-yn__h--dk{color:var(--primary);}
.nga-yn__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-yn__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-yn__icon i{color:var(--primary);font-size:.95rem;}

/* S1: ORACLE HERO */
.nga-yn__bg1{background:radial-gradient(ellipse 65% 55% at 10% 25%,rgba(107,33,200,.4) 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 90% 75%,rgba(249,115,22,.1) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 65%,var(--bg-dark) 100%);}

/* question area */
.nga-yn__q-card{background:linear-gradient(135deg,rgba(61,18,120,.6),rgba(28,10,74,.9));border:1px solid rgba(249,115,22,.22);border-radius:22px;padding:32px;position:relative;overflow:hidden;}
.nga-yn__q-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.nga-yn__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:14px;}
.nga-yn__q-input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 18px;font-size:.95rem;font-weight:600;color:var(--text-white);outline:none;transition:border-color .2s;resize:none;}
.nga-yn__q-input::placeholder{color:rgba(255,255,255,.3);}
.nga-yn__q-input:focus{border-color:var(--accent);}
.nga-yn__ask-btn{width:100%;padding:14px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:1rem;font-weight:700;color:var(--primary);box-shadow:0 6px 22px rgba(249,115,22,.4);transition:all .22s;margin-top:4px;}
.nga-yn__ask-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(249,115,22,.5);}
.nga-yn__rules{font-size:.74rem;color:rgba(255,255,255,.38);margin-top:10px;line-height:1.6;}

/* card flip area */
.nga-yn__flip-wrap{perspective:1000px;width:180px;height:280px;cursor:pointer;}
.nga-yn__flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);}
.nga-yn__flip-wrap.nga-yn--flipped .nga-yn__flip-inner{transform:rotateY(180deg);}
.nga-yn__flip-front,.nga-yn__flip-back{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.5);}
.nga-yn__flip-front{background:linear-gradient(135deg,var(--primary-mid),var(--primary));border:2px solid rgba(249,115,22,.3);}
.nga-yn__flip-front::before{content:'';position:absolute;inset:0;border-radius:16px;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.02) 8px,rgba(255,255,255,.02) 9px);}
.nga-yn__flip-back{background:linear-gradient(135deg,#0f0a1a,#1a0f2e);border:2px solid transparent;transform:rotateY(180deg);}
.nga-yn__flip-back.yes-glow{border-color:var(--yes);box-shadow:0 20px 50px rgba(34,197,94,.35),0 0 0 1px rgba(34,197,94,.3);}
.nga-yn__flip-back.no-glow{border-color:var(--no);box-shadow:0 20px 50px rgba(239,68,68,.35),0 0 0 1px rgba(239,68,68,.3);}
.nga-yn__flip-back.maybe-glow{border-color:var(--maybe);box-shadow:0 20px 50px rgba(245,158,11,.35),0 0 0 1px rgba(245,158,11,.3);}
.nga-yn__front-icon{font-size:3rem;filter:drop-shadow(0 0 14px rgba(249,115,22,.5));}
.nga-yn__front-text{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.08em;text-align:center;}
.nga-yn__back-emoji{font-size:2.6rem;filter:drop-shadow(0 0 14px rgba(34,197,94,.6));}
.nga-yn__back-answer{font-size:2rem;font-weight:700;display:block;margin-top:4px;letter-spacing:.06em;}
.nga-yn__back-answer.yes{color:var(--yes);}
.nga-yn__back-answer.no{color:var(--no);}
.nga-yn__back-answer.maybe{color:var(--maybe);}
.nga-yn__back-card-name{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.7);text-align:center;margin-top:4px;}

/* answer panel */
.nga-yn__answer-panel{display:none;border-radius:18px;padding:24px;margin-top:18px;border:2px solid;}
.nga-yn__answer-panel.show{display:block;animation:fadeUp .6s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.nga-yn__answer-panel.yes-panel{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.3);}
.nga-yn__answer-panel.no-panel{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.3);}
.nga-yn__answer-panel.maybe-panel{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.3);}
.nga-yn__answer-verdict{font-size:1.1rem;font-weight:700;display:block;margin-bottom:8px;}
.nga-yn__answer-panel.yes-panel .nga-yn__answer-verdict{color:var(--yes);}
.nga-yn__answer-panel.no-panel   .nga-yn__answer-verdict{color:var(--no);}
.nga-yn__answer-panel.maybe-panel .nga-yn__answer-verdict{color:var(--maybe);}
.nga-yn__answer-text{font-size:.84rem;color:rgba(255,255,255,.72);line-height:1.8;margin:0;}
.nga-yn__strength-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.08);margin:14px 0 4px;}
.nga-yn__strength-fill{height:100%;border-radius:4px;transition:width .8s ease;}
.nga-yn__strength-label{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase;}

/* S2: YES/NO QUICK TABLE */
.nga-yn__table-wrap{background:#fff;border:1px solid #e8e0f5;border-radius:16px;overflow:hidden;}
.nga-yn__table{width:100%;border-collapse:separate;border-spacing:0;}
.nga-yn__table thead th{background:linear-gradient(90deg,var(--primary),var(--primary-mid));color:rgba(255,255,255,.75);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;}
.nga-yn__table thead th:first-child{border-radius:0;}
.nga-yn__table tbody tr{transition:background .15s;}
.nga-yn__table tbody tr:hover{background:#fdf8f0;}
.nga-yn__table tbody td{padding:11px 14px;font-size:.82rem;border-bottom:1px solid #f0ebff;color:#374151;vertical-align:middle;}
.nga-yn__table tbody tr:last-child td{border-bottom:none;}
.nga-yn__table tbody td:first-child{font-weight:800;color:var(--primary);}
.nga-yn__pill{display:inline-block;font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:20px;}
.nga-yn__pill--yes   {background:rgba(34,197,94,.12);color:#16a34a;border:1px solid rgba(34,197,94,.2);}
.nga-yn__pill--no    {background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.2);}
.nga-yn__pill--maybe {background:rgba(245,158,11,.12);color:#b45309;border:1px solid rgba(245,158,11,.2);}

/* S3: HOW IT WORKS (dark) */
.nga-yn__bg3{background:linear-gradient(180deg,var(--bg-dark) 0%,#120530 50%,var(--bg-dark) 100%);}
.nga-yn__steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.nga-yn__step-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;text-align:center;}
.nga-yn__step-num{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:.9rem;font-weight:700;color:var(--primary);}
.nga-yn__step-title{font-size:.85rem;font-weight:700;color:var(--text-white);display:block;margin-bottom:6px;}
.nga-yn__step-desc{font-size:.76rem;color:rgba(255,255,255,.5);line-height:1.65;}

@media(max-width:991px){.nga-yn__steps-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.nga-yn__steps-grid{grid-template-columns:1fr 1fr;}}


/* ========================Gemstones========================= */

.s{padding:56px 0;}.sw{background:#fff;padding:56px 0;}.sl{background:#f8f5ff;padding:56px 0;}
.nga-gs__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-gs__h span,.nga-gs__h--dk span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-gs__h--dk{color:var(--primary);}
.nga-gs__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-gs__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-gs__icon i{color:var(--primary);font-size:.95rem;}

/* HERO */
.nga-gs__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.07) 0%,transparent 55%),linear-gradient(160deg,var(--bg-dark) 0%,var(--primary) 60%,var(--bg-dark) 100%);}
.nga-gs__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-gs__chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.75);margin:3px;}
.nga-gs__chip i{color:var(--accent-2);}

/* FILTER TABS */
.nga-gs__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.nga-gs__filter{padding:7px 18px;border-radius:30px;font-size:.78rem;font-weight:700;border:1px solid #ddd6f7;color:var(--primary);background:#fff;cursor:pointer;transition:all .2s;}
.nga-gs__filter:hover,.nga-gs__filter.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);border-color:transparent;box-shadow:0 4px 14px rgba(249,115,22,.3);}

/* PRODUCT GRID */
.nga-gs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.nga-gs__card{background:#fff;border:1px solid #e8e0f5;border-radius:18px;overflow:hidden;transition:all .25s;}
.nga-gs__card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-4px);box-shadow:0 16px 36px rgba(28,10,74,.12);}
.nga-gs__card-img{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.nga-gs__gem-emoji{font-size:3.5rem;filter:drop-shadow(0 4px 14px rgba(28,10,74,.25));transition:transform .3s;}
.nga-gs__card:hover .nga-gs__gem-emoji{transform:scale(1.12);}
.nga-gs__card-badge{position:absolute;top:10px;left:10px;font-size:.58rem;font-weight:800;padding:2px 9px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;}
.nga-gs__card-badge--hot{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);}
.nga-gs__card-badge--new{background:linear-gradient(90deg,#22c55e,#4ade80);color:#fff;}
.nga-gs__card-badge--sale{background:linear-gradient(90deg,#ef4444,#f87171);color:#fff;}
.nga-gs__card-body{padding:14px 16px;}
.nga-gs__planet{font-size:.62rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-gs__name{font-size:.92rem;font-weight:700;color:var(--primary);display:block;margin-bottom:4px;}
.nga-gs__rashi{font-size:.72rem;color:#6b7280;margin-bottom:8px;display:block;}
.nga-gs__price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.nga-gs__price{font-size:1rem;font-weight:700;color:var(--primary);}
.nga-gs__price-old{font-size:.72rem;color:#9ca3af;text-decoration:line-through;margin-left:5px;}
.nga-gs__stars{color:var(--accent-2);font-size:.68rem;}
.nga-gs__btn{width:100%;padding:9px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.78rem;font-weight:700;color:var(--primary);transition:all .2s;}
.nga-gs__btn:hover{box-shadow:0 5px 16px rgba(249,115,22,.4);}

/* PLANET TABLE */
.nga-gs__planet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.nga-gs__pg-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;transition:all .2s;}
.nga-gs__pg-card:hover{border-color:rgba(249,115,22,.3);}
.nga-gs__pg-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.nga-gs__pg-planet{font-size:1.6rem;}
.nga-gs__pg-name{font-size:.88rem;font-weight:700;color:var(--text-white);display:block;}
.nga-gs__pg-sub{font-size:.68rem;color:rgba(255,255,255,.45);letter-spacing:.06em;}
.nga-gs__pg-gems{display:flex;flex-wrap:wrap;gap:5px;}
.nga-gs__pg-gem{font-size:.68rem;font-weight:800;background:rgba(249,115,22,.1);color:var(--accent-2);padding:2px 9px;border-radius:20px;border:1px solid rgba(249,115,22,.2);}

@media(max-width:991px){.nga-gs__grid{grid-template-columns:repeat(2,1fr);}.nga-gs__planet-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-gs__grid{grid-template-columns:1fr 1fr;}}


/* =====================Rudraksha============================= */

.nga-rd__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--text-white);margin:0 0 6px;}
.nga-rd__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-rd__h--dk{color:var(--primary);}
.nga-rd__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-rd__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-rd__icon i{color:var(--primary);font-size:.95rem;}

.nga-rd__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.08) 0%,transparent 55%),linear-gradient(160deg,var(--dark) 0%,var(--primary) 65%,var(--dark) 100%);}
.nga-rd__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-rd__chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.75);margin:3px;}
.nga-rd__chip i{color:var(--accent-2);}

/* MUKHI GRID */
.nga-rd__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.nga-rd__card{background:#fff;border:1px solid #e8e0f5;border-radius:18px;overflow:hidden;transition:all .25s;}
.nga-rd__card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-4px);box-shadow:0 16px 36px rgba(28,10,74,.12);}
.nga-rd__card-top{height:130px;display:flex;align-items:center;justify-content:center;position:relative;}
.nga-rd__emoji{font-size:3rem;filter:drop-shadow(0 4px 12px rgba(139,69,19,.3));transition:transform .3s;}
.nga-rd__card:hover .nga-rd__emoji{transform:scale(1.1);}
.nga-rd__mukhi-badge{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--primary);}
.nga-rd__card-body{padding:14px 16px;}
.nga-rd__deity{font-size:.62rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-rd__name{font-size:.9rem;font-weight:700;color:var(--primary);display:block;margin-bottom:3px;}
.nga-rd__benefit{font-size:.72rem;color:#6b7280;margin-bottom:8px;display:block;}
.nga-rd__price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.nga-rd__price{font-size:.98rem;font-weight:700;color:var(--primary);}
.nga-rd__stars{color:var(--accent-2);font-size:.68rem;}
.nga-rd__btn{width:100%;padding:9px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.78rem;font-weight:700;color:var(--primary);transition:all .2s;}
.nga-rd__btn:hover{box-shadow:0 5px 16px rgba(249,115,22,.4);}

/* BENEFITS GRID */
.nga-rd__ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-rd__ben-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;text-align:center;transition:all .2s;}
.nga-rd__ben-card:hover{border-color:rgba(249,115,22,.3);}
.nga-rd__ben-emoji{font-size:1.8rem;display:block;margin-bottom:8px;}
.nga-rd__ben-title{font-size:.88rem;font-weight:700;color:var(--text-white);display:block;margin-bottom:5px;}
.nga-rd__ben-desc{font-size:.76rem;color:rgba(255,255,255,.55);line-height:1.65;}

@media(max-width:991px){.nga-rd__grid{grid-template-columns:repeat(2,1fr);}.nga-rd__ben-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-rd__ben-grid{grid-template-columns:1fr;}}


/* ======================yantras========================== */

.nga-yn2__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--tw);margin:0 0 6px;}
.nga-yn2__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-yn2__h--dk{color:var(--primary);}
.nga-yn2__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-yn2__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-yn2__icon i{color:var(--primary);font-size:.95rem;}

.nga-yn2__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.35) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.08) 0%,transparent 55%),linear-gradient(160deg,var(--dark) 0%,var(--primary) 65%,var(--dark) 100%);}
.nga-yn2__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-yn2__chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.75);margin:3px;}
.nga-yn2__chip i{color:var(--accent-2);}

/* YANTRA PRODUCT GRID */
.nga-yn2__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.nga-yn2__card{background:#fff;border:1px solid #e8e0f5;border-radius:18px;overflow:hidden;transition:all .25s;}
.nga-yn2__card:hover{border-color:rgba(249,115,22,.4);transform:translateY(-4px);box-shadow:0 16px 36px rgba(28,10,74,.12);}
.nga-yn2__card-img{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
/* SVG yantra-like geometric design inside card */
.nga-yn2__yantra-art{width:90px;height:90px;transition:transform .3s;}
.nga-yn2__card:hover .nga-yn2__yantra-art{transform:rotate(15deg) scale(1.08);}
.nga-yn2__card-badge{position:absolute;top:10px;left:10px;font-size:.58rem;font-weight:800;padding:2px 9px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;}
.nga-yn2__card-badge--hot{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);}
.nga-yn2__card-badge--new{background:linear-gradient(90deg,#22c55e,#4ade80);color:#fff;}
.nga-yn2__card-body{padding:14px 16px;}
.nga-yn2__deity{font-size:.62rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-yn2__name{font-size:.9rem;font-weight:700;color:var(--primary);display:block;margin-bottom:3px;}
.nga-yn2__purpose{font-size:.72rem;color:#6b7280;margin-bottom:8px;display:block;}
.nga-yn2__price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.nga-yn2__price{font-size:.98rem;font-weight:700;color:var(--primary);}
.nga-yn2__price-old{font-size:.72rem;color:#9ca3af;text-decoration:line-through;margin-left:4px;}
.nga-yn2__stars{color:var(--accent-2);font-size:.68rem;}
.nga-yn2__material{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:800;background:#f0ebff;color:var(--primary);padding:2px 8px;border-radius:20px;margin-bottom:8px;}
.nga-yn2__btn{width:100%;padding:9px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.78rem;font-weight:700;color:var(--primary);transition:all .2s;}
.nga-yn2__btn:hover{box-shadow:0 5px 16px rgba(249,115,22,.4);}

/* HOW TO USE */
.nga-yn2__how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.nga-yn2__how-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;text-align:center;transition:all .2s;}
.nga-yn2__how-card:hover{border-color:rgba(249,115,22,.3);}
.nga-yn2__how-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:.85rem;font-weight:700;color:var(--primary);}
.nga-yn2__how-title{font-size:.85rem;font-weight:700;color:var(--tw);display:block;margin-bottom:6px;}
.nga-yn2__how-desc{font-size:.76rem;color:rgba(255,255,255,.5);line-height:1.65;}

/* YANTRA COMPARISON TABLE */
.nga-yn2__table-wrap{background:#fff;border:1px solid #e8e0f5;border-radius:16px;overflow:hidden;}
.nga-yn2__table{width:100%;border-collapse:separate;border-spacing:0;}
.nga-yn2__table thead th{background:linear-gradient(90deg,var(--primary),var(--pm));color:rgba(255,255,255,.75);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;}
.nga-yn2__table tbody tr:hover{background:#fdf8f0;}
.nga-yn2__table tbody td{padding:11px 14px;font-size:.82rem;border-bottom:1px solid #f0ebff;color:#374151;vertical-align:middle;}
.nga-yn2__table tbody tr:last-child td{border-bottom:none;}
.nga-yn2__table tbody td:first-child{font-weight:700;color:var(--primary);}
.nga-yn2__pill{display:inline-block;font-size:.62rem;font-weight:800;padding:2px 9px;border-radius:20px;}
.nga-yn2__pill--gold{background:rgba(251,191,36,.15);color:#b45309;border:1px solid rgba(251,191,36,.3);}
.nga-yn2__pill--copper{background:rgba(234,88,12,.1);color:var(--accent);border:1px solid rgba(234,88,12,.2);}
.nga-yn2__pill--silver{background:rgba(148,163,184,.15);color:#475569;border:1px solid rgba(148,163,184,.3);}

@media(max-width:991px){.nga-yn2__grid{grid-template-columns:repeat(2,1fr);}.nga-yn2__how-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.nga-yn2__how-grid{grid-template-columns:1fr 1fr;}}


/* =====================Puja Samagri======================== */

.nga-ps__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--tw);margin:0 0 6px;}
.nga-ps__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-ps__h--dk{color:var(--primary);}
.nga-ps__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-ps__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-ps__icon i{color:var(--primary);font-size:.95rem;}

.nga-ps__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.09) 0%,transparent 55%),linear-gradient(160deg,var(--dark) 0%,var(--primary) 65%,var(--dark) 100%);}
.nga-ps__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-ps__chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.75);margin:3px;}
.nga-ps__chip i{color:var(--accent-2);}

/* CATEGORY TABS */
.nga-ps__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.nga-ps__tab{padding:7px 18px;border-radius:30px;font-size:.78rem;font-weight:700;border:1px solid #ddd6f7;color:var(--primary);background:#fff;cursor:pointer;transition:all .2s;}
.nga-ps__tab:hover,.nga-ps__tab.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);border-color:transparent;box-shadow:0 4px 14px rgba(249,115,22,.3);}

/* PRODUCT GRID */
.nga-ps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.nga-ps__card{background:#fff;border:1px solid #e8e0f5;border-radius:18px;overflow:hidden;transition:all .25s;}
.nga-ps__card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-4px);box-shadow:0 16px 36px rgba(28,10,74,.12);}
.nga-ps__card-img{height:130px;display:flex;align-items:center;justify-content:center;position:relative;}
.nga-ps__emoji{font-size:3.2rem;transition:transform .3s;}
.nga-ps__card:hover .nga-ps__emoji{transform:scale(1.12);}
.nga-ps__card-badge{position:absolute;top:10px;left:10px;font-size:.58rem;font-weight:800;padding:2px 9px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;}
.nga-ps__card-badge--hot{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);}
.nga-ps__card-badge--combo{background:linear-gradient(90deg,#7c3aed,#a855f7);color:#fff;}
.nga-ps__card-body{padding:14px 16px;}
.nga-ps__cat{font-size:.62rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-ps__name{font-size:.9rem;font-weight:700;color:var(--primary);display:block;margin-bottom:3px;}
.nga-ps__desc{font-size:.72rem;color:#6b7280;margin-bottom:8px;display:block;}
.nga-ps__price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.nga-ps__price{font-size:.98rem;font-weight:700;color:var(--primary);}
.nga-ps__price-old{font-size:.72rem;color:#9ca3af;text-decoration:line-through;margin-left:4px;}
.nga-ps__stars{color:var(--accent-2);font-size:.68rem;}
.nga-ps__qty{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.nga-ps__qty-btn{width:28px;height:28px;border-radius:7px;border:1px solid #ddd6f7;background:#fff;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--primary);font-weight:700;}
.nga-ps__qty-btn:hover{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent;color:var(--primary);}
.nga-ps__qty-val{font-size:.88rem;font-weight:700;color:var(--primary);min-width:24px;text-align:center;}
.nga-ps__btn{flex:1;padding:9px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.78rem;font-weight:700;color:var(--primary);transition:all .2s;}
.nga-ps__btn:hover{box-shadow:0 5px 16px rgba(249,115,22,.4);}
.nga-ps__btn-row{display:flex;gap:7px;}

/* FESTIVAL KITS (dark) */
.nga-ps__bg3{background:linear-gradient(180deg,var(--dark) 0%,#120530 50%,var(--dark) 100%);}
.nga-ps__kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.nga-ps__kit-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:22px;transition:all .25s;position:relative;overflow:hidden;}
.nga-ps__kit-card:hover{border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.04);}
.nga-ps__kit-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.nga-ps__kit-card:hover::after{transform:scaleX(1);}
.nga-ps__kit-emoji{font-size:2.4rem;display:block;margin-bottom:10px;}
.nga-ps__kit-name{font-size:.95rem;font-weight:700;color:var(--tw);display:block;margin-bottom:4px;}
.nga-ps__kit-items{font-size:.75rem;color:rgba(255,255,255,.5);margin-bottom:12px;line-height:1.7;}
.nga-ps__kit-bottom{display:flex;align-items:center;justify-content:space-between;}
.nga-ps__kit-price{font-size:1rem;font-weight:700;color:var(--accent-2);}
.nga-ps__kit-btn{padding:8px 16px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.75rem;font-weight:700;color:var(--primary);}

@media(max-width:991px){.nga-ps__grid{grid-template-columns:repeat(2,1fr);}.nga-ps__kit-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-ps__kit-grid{grid-template-columns:1fr;}}


/* =====================Bracelets & Malas======================== */

.nga-bm__h{font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700;color:var(--tw);margin:0 0 6px;}
.nga-bm__h span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nga-bm__h--dk{color:var(--primary);}
.nga-bm__bar{width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:7px;}
.nga-bm__icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 16px rgba(249,115,22,.35);}
.nga-bm__icon i{color:var(--primary);font-size:.95rem;}

.nga-bm__bg1{background:radial-gradient(ellipse 60% 55% at 15% 30%,rgba(107,33,200,.3) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 88% 70%,rgba(249,115,22,.08) 0%,transparent 55%),linear-gradient(160deg,var(--dark) 0%,var(--primary) 65%,var(--dark) 100%);}
.nga-bm__badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:30px;margin-bottom:13px;}
.nga-bm__chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;font-size:.73rem;font-weight:700;color:rgba(255,255,255,.75);margin:3px;}
.nga-bm__chip i{color:var(--accent-2);}

/* FILTER TABS */
.nga-bm__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.nga-bm__tab{padding:7px 18px;border-radius:30px;font-size:.78rem;font-weight:700;border:1px solid #ddd6f7;color:var(--primary);background:#fff;cursor:pointer;transition:all .2s;}
.nga-bm__tab:hover,.nga-bm__tab.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);border-color:transparent;box-shadow:0 4px 14px rgba(249,115,22,.3);}

/* PRODUCT GRID */
.nga-bm__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.nga-bm__card{background:#fff;border:1px solid #e8e0f5;border-radius:18px;overflow:hidden;transition:all .25s;}
.nga-bm__card:hover{border-color:rgba(249,115,22,.35);transform:translateY(-4px);box-shadow:0 16px 36px rgba(28,10,74,.12);}
.nga-bm__card-img{height:150px;display:flex;align-items:center;justify-content:center;position:relative;}
.nga-bm__emoji{font-size:3.2rem;transition:transform .3s;}
.nga-bm__card:hover .nga-bm__emoji{transform:scale(1.12);}
.nga-bm__card-badge{position:absolute;top:10px;left:10px;font-size:.58rem;font-weight:800;padding:2px 9px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;}
.nga-bm__badge-hot{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);}
.nga-bm__badge-new{background:linear-gradient(90deg,#22c55e,#4ade80);color:#fff;}
.nga-bm__badge-sale{background:linear-gradient(90deg,#ef4444,#f87171);color:#fff;}
/* bead dots preview */
.nga-bm__beads{display:flex;gap:4px;position:absolute;bottom:10px;left:0;right:0;justify-content:center;}
.nga-bm__bead{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.4);}
.nga-bm__card-body{padding:14px 16px;}
.nga-bm__cat{font-size:.62rem;font-weight:800;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px;}
.nga-bm__name{font-size:.9rem;font-weight:700;color:var(--primary);display:block;margin-bottom:3px;}
.nga-bm__benefit{font-size:.72rem;color:#6b7280;margin-bottom:6px;display:block;}
/* bead count + size pills */
.nga-bm__specs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px;}
.nga-bm__spec{font-size:.62rem;font-weight:800;background:#f0ebff;color:var(--primary);padding:2px 8px;border-radius:20px;}
.nga-bm__price-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.nga-bm__price{font-size:.98rem;font-weight:700;color:var(--primary);}
.nga-bm__price-old{font-size:.72rem;color:#9ca3af;text-decoration:line-through;margin-left:4px;}
.nga-bm__stars{color:var(--accent-2);font-size:.68rem;}
.nga-bm__btn{width:100%;padding:9px;border-radius:9px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.78rem;font-weight:700;color:var(--primary);transition:all .2s;}
.nga-bm__btn:hover{box-shadow:0 5px 16px rgba(249,115,22,.4);}

/* HEALING GUIDE (dark) */
.nga-bm__bg3{background:linear-gradient(180deg,var(--dark) 0%,#120530 50%,var(--dark) 100%);}
.nga-bm__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.nga-bm__guide-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;display:flex;gap:14px;align-items:flex-start;transition:all .2s;}
.nga-bm__guide-card:hover{border-color:rgba(249,115,22,.3);}
.nga-bm__guide-dot{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;}
.nga-bm__guide-title{font-size:.88rem;font-weight:700;color:var(--tw);display:block;margin-bottom:4px;}
.nga-bm__guide-desc{font-size:.76rem;color:rgba(255,255,255,.5);line-height:1.65;}

/* WRIST SIZE GUIDE */
.nga-bm__size-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden;}
.nga-bm__size-table thead th{background:linear-gradient(90deg,var(--primary),var(--pm));color:rgba(255,255,255,.75);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;}
.nga-bm__size-table tbody td{padding:11px 14px;font-size:.82rem;border-bottom:1px solid #f0ebff;color:#374151;}
.nga-bm__size-table tbody tr:hover{background:#fdf8f0;}
.nga-bm__size-table tbody tr:last-child td{border-bottom:none;}
.nga-bm__size-table tbody td:first-child{font-weight:800;color:var(--primary);}

@media(max-width:991px){.nga-bm__grid{grid-template-columns:repeat(2,1fr);}.nga-bm__guide-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.nga-bm__guide-grid{grid-template-columns:1fr;}}

.hand_Wear{background:linear-gradient(135deg,var(--primary),var(--pm));border-radius:18px;padding:28px;}
.hand_Wear h3{font-size:1rem;font-weight:700;color:var(--tw);margin-bottom:16px;}
.hand_Wear_tx{display:flex;flex-direction:column;gap:12px;}
.hand_Wear_tx_h{font-size:.85rem;font-weight:700;color:var(--accent-2);margin-bottom:4px;}
.hand_Wear_tx_p{font-size:.78rem;color:rgba(255,255,255,.6);line-height:1.6;}
.hand_Wear_tx_b{background:rgba(255,255,255,.07);border-radius:10px;padding:14px 16px;}




/* ====================login-signup-page======================= */

.nga-ac__bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(ellipse 65% 55% at 12% 20%,rgba(107,33,200,.35) 0%,transparent 55%),radial-gradient(ellipse 55% 50% at 90% 80%,rgba(249,115,22,.1) 0%,transparent 55%),linear-gradient(160deg,var(--dark) 0%,#0f0525 55%,var(--dark) 100%);position:relative;overflow:hidden;}
  .nga-ac__star{position:absolute;border-radius:50%;background:#fff;animation:actwinkle 3s ease-in-out infinite;}
  @keyframes actwinkle{0%,100%{opacity:.12;transform:scale(1);}50%{opacity:.55;transform:scale(1.5);}}
  .nga-ac__card{width:100%;max-width:960px;background:rgba(255,255,255,.97);border-radius:26px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55);display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1;}
  .nga-ac__left{background:linear-gradient(155deg,#0a0225,var(--primary),var(--pm));padding:44px 36px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
  .nga-ac__left::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.14),transparent 70%);}
  .nga-ac__left::after{content:'';position:absolute;bottom:-50px;left:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(107,33,200,.22),transparent 70%);}
  .nga-ac__logo{font-size:1.55rem;font-weight:700;color:var(--tw);margin-bottom:4px;}
  .nga-ac__logo span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .nga-ac__logo-tag{font-size:.72rem;color:rgba(255,255,255,.38);letter-spacing:.07em;margin-bottom:28px;}
  .nga-ac__lc{transition:opacity .35s,transform .35s;}
  .nga-ac__lc.hide{display:none;}
  .nga-ac__l-title{font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;color:var(--tw);line-height:1.4;margin-bottom:10px;}
  .nga-ac__l-title span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .nga-ac__l-desc{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:24px;}
  .nga-ac__feats{display:flex;flex-direction:column;gap:11px;margin-bottom:28px;}
  .nga-ac__feat{display:flex;align-items:center;gap:11px;}
  .nga-ac__feat-icon{width:32px;height:32px;border-radius:9px;background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .nga-ac__feat-icon i{color:var(--accent);font-size:.78rem;}
  .nga-ac__feat-text{font-size:.76rem;color:rgba(255,255,255,.6);font-weight:600;}
  .nga-ac__stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px;}
  .nga-ac__stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:12px 10px;text-align:center;}
  .nga-ac__stat-num{font-size:1.1rem;font-weight:700;color:var(--accent-2);display:block;}
  .nga-ac__stat-lbl{font-size:.62rem;color:rgba(255,255,255,.4);letter-spacing:.06em;text-transform:uppercase;}
  .nga-ac__testi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:15px 16px;}
  .nga-ac__testi p{font-size:.76rem;color:rgba(255,255,255,.6);line-height:1.75;font-style:italic;margin-bottom:9px;}
  .nga-ac__testi-author{display:flex;align-items:center;gap:8px;}
  .nga-ac__testi-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--primary);}
  .nga-ac__testi-name{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.65);}
  .nga-ac__testi-stars{color:var(--accent-2);font-size:.6rem;}
  .nga-ac__wheel{position:absolute;bottom:-20px;right:-20px;font-size:7rem;opacity:.05;pointer-events:none;animation:acwspin 28s linear infinite;}
  @keyframes acwspin{to{transform:rotate(360deg);}}
  .nga-ac__right{padding:36px 38px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;max-height:100vh;}
  .nga-ac__tabs{display:flex;background:#f3f0ff;border-radius:30px;padding:4px;margin-bottom:22px;}
  .nga-ac__tab{flex:1;padding:10px;border-radius:26px;border:none;background:transparent;font-size:.82rem;font-weight:700;color:#9ca3af;cursor:pointer;transition:all .25s;letter-spacing:.03em;}
  .nga-ac__tab.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);box-shadow:0 4px 14px rgba(249,115,22,.35);}
  .nga-ac__panel{display:none;animation:acfadein .35s ease;}
  .nga-ac__panel.active{display:block;}
  @keyframes acfadein{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
  .nga-ac__fbadge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--primary);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 11px;border-radius:30px;margin-bottom:8px;}
  .nga-ac__ftitle{font-size:1.3rem;font-weight:700;color:var(--primary);margin-bottom:2px;}
  .nga-ac__ftitle span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .nga-ac__fsub{font-size:.76rem;color:#6b7280;margin-bottom:14px;}
  .nga-ac__social{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px;}
  .nga-ac__sbtn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-size:.77rem;font-weight:700;color:#374151;transition:all .2s;}
  .nga-ac__sbtn:hover{border-color:var(--accent);background:#fff8f3;transform:translateY(-1px);}
  .nga-ac__div{display:flex;align-items:center;gap:10px;margin-bottom:13px;}
  .nga-ac__div-line{flex:1;height:1px;background:#e5e7eb;}
  .nga-ac__div-text{font-size:.68rem;font-weight:700;color:#9ca3af;white-space:nowrap;}
  .nga-ac__field{margin-bottom:11px;}
  .nga-ac__label{display:block;font-size:.65rem;font-weight:800;color:#374151;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;}
  .nga-ac__iw{position:relative;}
  .nga-ac__ii{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.8rem;transition:color .2s;pointer-events:none;}
  .nga-ac__inp{width:100%;padding:10px 13px 10px 38px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.84rem;font-weight:600;color:#111827;outline:none;transition:all .2s;background:#fff;}
  .nga-ac__inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(249,115,22,.1);}
  .nga-ac__iw:focus-within .nga-ac__ii{color:var(--accent);}
  .nga-ac__inp::placeholder{color:#d1d5db;font-weight:500;}
  .nga-ac__eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer;font-size:.8rem;}
  .nga-ac__eye:hover{color:var(--accent);}
  .nga-ac__row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .nga-ac__sbar-wrap{display:flex;gap:3px;margin-top:5px;}
  .nga-ac__sbar{height:3px;flex:1;border-radius:2px;background:#e5e7eb;transition:background .3s;}
  .nga-ac__sbar.w{background:#ef4444;}.nga-ac__sbar.m{background:var(--accent);}.nga-ac__sbar.s{background:#22c55e;}
  .nga-ac__stxt{font-size:.62rem;font-weight:700;color:#9ca3af;margin-top:3px;display:block;}
  .nga-ac__login-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
  .nga-ac__ckwrap{display:flex;align-items:center;gap:6px;cursor:pointer;}
  .nga-ac__ck{width:15px;height:15px;border-radius:4px;accent-color:var(--accent);cursor:pointer;}
  .nga-ac__ck-lbl{font-size:.75rem;font-weight:600;color:#374151;}
  .nga-ac__forgot{font-size:.75rem;font-weight:700;color:var(--accent);text-decoration:none;}
  .nga-ac__forgot:hover{opacity:.75;}
  .nga-ac__terms{display:flex;align-items:flex-start;gap:7px;margin-bottom:12px;}
  .nga-ac__terms-txt{font-size:.71rem;color:#6b7280;line-height:1.5;}
  .nga-ac__terms-txt a{color:var(--accent);font-weight:700;text-decoration:none;}
  .nga-ac__submit{width:100%;padding:12px;border-radius:11px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:.92rem;font-weight:700;color:var(--primary);box-shadow:0 6px 20px rgba(249,115,22,.38);transition:all .25s;}
  .nga-ac__submit:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(249,115,22,.5);}
  .nga-ac__switch{text-align:center;margin-top:12px;font-size:.75rem;color:#6b7280;}
  .nga-ac__switch a{font-weight:800;color:var(--accent);text-decoration:none;cursor:pointer;}
  .nga-ac__switch a:hover{text-decoration:underline;}
  @media(max-width:767px){.nga-ac__card{grid-template-columns:1fr;}.nga-ac__left{display:none;}.nga-ac__right{padding:28px 20px;border-radius:26px;}}