/* GMP Area Intro Page Redesign v1.0.0 — Generalized for all areas */
.tax-2026-areas-of-life .intro__wrapper .intro__image { position: relative; overflow: hidden; border-radius: 16px; min-height: 200px; margin-bottom: 0; }
.tax-2026-areas-of-life .intro__wrapper .intro__image img { width: 100%; height: 220px; object-fit: cover; display: block; border-radius: 16px; }
.tax-2026-areas-of-life .intro__wrapper .intro__image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(12,12,35,1) 0%, rgba(12,12,35,0.97) 15%, rgba(30,15,30,0.9) 30%, rgba(80,25,25,0.72) 50%, rgba(160,50,50,0.4) 75%, rgba(252,129,129,0.1) 100%); border-radius: 16px; z-index: 1; pointer-events: none; }
.tax-2026-areas-of-life .area-hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; padding: 0 40px; pointer-events: none; }
.tax-2026-areas-of-life .area-hero-icon { width: 64px; height: 64px; background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-right: 20px; flex-shrink: 0; }
.tax-2026-areas-of-life .area-hero-icon svg { width: 32px; height: 32px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tax-2026-areas-of-life .area-hero-title { font-family: "Inter", sans-serif; font-size: 28px; font-weight: 800; color: #fff; letter-spacing: 0.12em; text-transform: uppercase; text-shadow: 0 2px 12px rgba(0,0,0,0.4); }

/* Stats row */
.tax-2026-areas-of-life .area-stats-row { display: flex; gap: 12px; margin-bottom: 16px; }
.tax-2026-areas-of-life .area-stat-card { flex: 1; background: #fff; border-radius: 12px; padding: 16px; display: flex; align-items: center; gap: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.04); }
.tax-2026-areas-of-life .area-stat-icon { font-size: 24px; width: 44px; height: 44px; background: #f7f7f8; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tax-2026-areas-of-life .area-stat-number { font-family: "Inter", sans-serif; font-size: 22px; font-weight: 700; color: #1a202c; line-height: 1; }
.tax-2026-areas-of-life .area-stat-label { font-family: "Inter", sans-serif; font-size: 12px; font-weight: 500; color: #999; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1; margin-top: 3px; }

/* Progress bar */
.tax-2026-areas-of-life .area-progress-wrap { background: #fff; border-radius: 12px; padding: 18px 22px; margin-bottom: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.04); }
.tax-2026-areas-of-life .area-progress-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 600; color: #1a202c; }
.tax-2026-areas-of-life .area-progress-pct { color: #00dffc; font-weight: 700; }
.tax-2026-areas-of-life .area-progress-bar { height: 8px; background: #f0f0f2; border-radius: 4px; overflow: hidden; }
.tax-2026-areas-of-life .area-progress-fill { height: 100%; background: linear-gradient(90deg, #00dffc, #00c4e0); border-radius: 4px; transition: width 1s ease; width: 0%; }

/* Question info card */
.tax-2026-areas-of-life .intro__wrapper .question__info { background: #fff; border-radius: 12px; padding: 24px 28px; margin-bottom: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.04); }
.tax-2026-areas-of-life .intro__wrapper .question__info > p:first-child { margin-bottom: 8px; }
.tax-2026-areas-of-life .intro__wrapper .question__info > p:first-child strong { font-family: "Inter", sans-serif; font-size: 20px; font-weight: 700; color: #1a202c; }
.tax-2026-areas-of-life .intro__wrapper .question__info > p { font-family: "Inter", sans-serif; font-size: 15px; color: #4a5568; line-height: 1.6; }
.tax-2026-areas-of-life .intro__wrapper .question__info > ul { display: none !important; }
.tax-2026-areas-of-life .intro__wrapper .question__info > p:nth-child(3) { display: none !important; }

/* Sections grid */
.tax-2026-areas-of-life .area-sections-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 20px; }
.tax-2026-areas-of-life .area-section-card { background: #fff; border-radius: 12px; padding: 18px 14px; text-align: center; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.04); transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: default; }
.tax-2026-areas-of-life .area-section-card:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.tax-2026-areas-of-life .area-section-emoji { font-size: 28px; margin-bottom: 8px; line-height: 1; }
.tax-2026-areas-of-life .area-section-name { font-family: "Inter", sans-serif; font-size: 13px; font-weight: 600; color: #4a5568; line-height: 1.3; }

/* Begin button */
.tax-2026-areas-of-life .area-begin-wrap { text-align: center; margin: 24px 0 10px 0; }
.tax-2026-areas-of-life .area-begin-btn { display: inline-block; padding: 14px 44px; background: linear-gradient(135deg, #00dffc 0%, #00c4e0 100%); color: #fff !important; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 700; border-radius: 12px; text-decoration: none !important; box-shadow: 0 4px 16px rgba(0,223,252,0.3); transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: pointer; letter-spacing: 0.02em; }
.tax-2026-areas-of-life .area-begin-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(0,223,252,0.4); }

/* Fade-in animations */
.tax-2026-areas-of-life .area-fade-in { opacity: 0; transform: translateY(12px); animation: areaFadeIn 0.5s ease forwards; }
.tax-2026-areas-of-life .area-fade-in-delay-1 { animation-delay: 0.1s; }
.tax-2026-areas-of-life .area-fade-in-delay-2 { animation-delay: 0.2s; }
.tax-2026-areas-of-life .area-fade-in-delay-3 { animation-delay: 0.3s; }
.tax-2026-areas-of-life .area-fade-in-delay-4 { animation-delay: 0.4s; }
.tax-2026-areas-of-life .area-fade-in-delay-5 { animation-delay: 0.5s; }
@keyframes areaFadeIn { to { opacity: 1; transform: translateY(0); } }

/* Hide question__next on intro pages (Begin button replaces it) */
.tax-2026-areas-of-life .intro__wrapper .question__next { display: none !important; }

/* Responsive */
@media (max-width: 768px) {
  .tax-2026-areas-of-life .area-sections-grid { grid-template-columns: repeat(2, 1fr); }
  .tax-2026-areas-of-life .area-stats-row { flex-direction: column; }
  .tax-2026-areas-of-life .area-hero-overlay { padding: 0 20px; }
  .tax-2026-areas-of-life .area-hero-title { font-size: 22px; }
}