/* pages.css — v3 light theme: pillars, province panels, launch board, directory chips, prose, errors */

.prose { max-width: 780px; }
.prose p { color: #2A3344; }
.prose li { color: #2A3344; }
.prose h2 { position: relative; padding-bottom: 10px; }
.prose h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #F2A413 0%, #D98B0B 100%); box-shadow: 0 0 10px rgba(242, 164, 19, 0.5); }
.prose a { font-weight: 600; }

.home-pillars { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 30px 0; counter-reset: pillar; }
.home-pillar { position: relative; overflow: hidden; border: 1px solid #E3DDD2; border-radius: 16px; padding: 20px; background: #FFFFFF; counter-increment: pillar; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.home-pillar:hover { transform: translateY(-3px); border-color: rgba(224, 49, 49, 0.4); box-shadow: 0 16px 36px rgba(26, 35, 50, 0.12); }
.home-pillar::before { content: "0" counter(pillar); position: absolute; top: -16px; right: 8px; font-size: 72px; line-height: 1; font-weight: 800; letter-spacing: -3px; color: #F6F1E8; font-variant-numeric: tabular-nums; }
.home-pillar .home-pillar-title { position: relative; font-size: 16px; font-weight: 800; letter-spacing: -0.2px; margin: 0 0 7px; color: #1A2332; }
.home-pillar .home-pillar-title::before { content: ""; display: block; width: 26px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #F2A413 0%, #D98B0B 100%); box-shadow: 0 0 8px rgba(242, 164, 19, 0.5); margin: 0 0 10px; }
.home-pillar .home-pillar-text { position: relative; font-size: 14px; line-height: 22px; color: #5B6573; margin: 0; }

@media (min-width: 768px) {
  .home-pillars { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .home-pillars { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

.province-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255, 255, 255, 0.08); border: 1px solid #E3DDD2; border-radius: 14px; overflow: hidden; margin: 0 0 26px; }
.province-facts .province-facts-item { background: #FFFFFF; padding: 14px 16px; }
.province-facts .province-facts-label { display: block; font-size: 10px; font-weight: 800; color: #8B94A3; text-transform: uppercase; letter-spacing: 1.2px; }
.province-facts .province-facts-value { display: block; font-size: 15px; font-weight: 800; line-height: 22px; margin-top: 3px; letter-spacing: -0.2px; color: #1A2332; }

@media (min-width: 768px) {
  .province-facts { grid-template-columns: 1fr 1fr 1fr 1fr; }
}

.countdown-strip { position: relative; overflow: hidden; background: #1A2332; color: #FFFFFF; border: 1px solid rgba(242, 164, 19, 0.5); border-radius: 16px; padding: 22px 24px; margin: 26px 0; box-shadow: 0 14px 36px rgba(26, 35, 50, 0.25); }
.countdown-strip::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(440px 220px at 95% -10%, rgba(242, 164, 19, 0.22) 0%, rgba(242, 164, 19, 0) 65%), radial-gradient(360px 200px at -5% 110%, rgba(224, 49, 49, 0.08) 0%, rgba(255, 77, 94, 0) 60%); }
.countdown-strip .countdown-strip-days { position: relative; display: inline-block; font-size: 40px; line-height: 42px; font-weight: 800; letter-spacing: -1.6px; font-variant-numeric: tabular-nums; background: linear-gradient(100deg, #E03131 0%, #F2A413 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 4px; }
.countdown-strip .countdown-strip-title { position: relative; font-size: 18px; font-weight: 800; letter-spacing: -0.2px; margin: 0 0 6px; color: #FFFFFF; }
.countdown-strip .countdown-strip-text { position: relative; font-size: 14px; line-height: 22px; color: #B7C0CF; margin: 0; max-width: 720px; }
.countdown-strip a { color: #F6BE3C; font-weight: 700; }
.countdown-strip .countdown-strip-bar { position: relative; display: block; height: 7px; border-radius: 40px; background: rgba(255, 255, 255, 0.15); overflow: hidden; margin: 16px 0 0; }
.countdown-strip .countdown-strip-bar .countdown-strip-fill { display: block; height: 100%; border-radius: 40px; background: linear-gradient(90deg, #E03131 0%, #F2A413 100%); box-shadow: 0 0 14px rgba(242, 164, 19, 0.8); }

.directory-pending { margin: 18px 0 26px; }
.directory-pending .directory-pending-list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 12px 0 0; padding: 0; }
.directory-pending .directory-pending-list li { background: #FFFFFF; border: 1px solid #E3DDD2; border-radius: 40px; font-size: 13px; font-weight: 700; color: #5B6573; padding: 7px 15px; margin: 0; transition: border-color 0.15s ease, color 0.15s ease; }
.directory-pending .directory-pending-list li:hover { border-color: #B97D08; color: #B97D08; }

.contact-block { border: 1px solid #E3DDD2; border-radius: 16px; padding: 20px 22px; max-width: 580px; background: #FFFFFF; }
.error-page { text-align: center; padding: 70px 0; }
.error-page .error-page-code { font-size: 96px; line-height: 1; font-weight: 800; letter-spacing: -4px; background: linear-gradient(110deg, #E03131 0%, #F2A413 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 0; }
.manifesto { display: flex; flex-direction: column; gap: 0; background: #1A2332; border-radius: 16px; overflow: hidden; margin: 26px 0; box-shadow: 0 16px 36px rgba(26, 35, 50, 0.25); }
.manifesto .manifesto-quotes { padding: 24px 24px 18px; background: radial-gradient(420px 220px at 0% 0%, rgba(224, 49, 49, 0.25) 0%, rgba(224, 49, 49, 0) 65%); }
.manifesto .manifesto-quote { font-size: 21px; line-height: 29px; font-weight: 800; letter-spacing: -0.4px; color: #FFFFFF; margin: 0 0 8px; }
.manifesto .manifesto-attr { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #8B94A3; margin: 12px 0 0; }
.manifesto .manifesto-body { background: #FFFFFF; padding: 20px 24px 16px; border: 1px solid #E3DDD2; border-top: 3px solid #E03131; border-radius: 0 0 16px 16px; }
.manifesto .manifesto-lead { font-size: 16px; font-weight: 800; color: #1A2332; margin: 0 0 10px; }
.manifesto .manifesto-receipts { list-style: none; margin: 0; padding: 0; }
.manifesto .manifesto-receipts li { font-size: 14px; line-height: 22px; color: #2A3344; margin: 0 0 9px; padding-left: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23168A50' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") no-repeat 0 4px; background-size: 15px;}
@media (min-width: 1024px) {
  .manifesto { flex-direction: row; align-items: stretch; }
  .manifesto .manifesto-quotes { flex: 0 0 42%; padding: 28px; display: flex; flex-direction: column; justify-content: center; }
  .manifesto .manifesto-body { flex: 1 1 auto; border-radius: 0 16px 16px 0; border-left: 0; border-top: 1px solid #E3DDD2; }
}

/* KYC guide visuals */
.kyc-flow { counter-reset: kstep; margin: 22px 0 30px; }
.kyc-flow .kyc-step { position: relative; display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid #E3DDD2; border-radius: 14px; padding: 18px 20px 16px 64px; margin: 0 0 12px; box-shadow: 0 6px 20px rgba(26, 35, 50, 0.06); }
.kyc-flow .kyc-step-num { position: absolute; left: 18px; top: 18px; width: 32px; height: 32px; border-radius: 50%; background: #1A2332; color: #F2C14E; font-weight: 800; font-size: 15px; display: flex; align-items: center; justify-content: center; }
.kyc-flow .kyc-step-title { font-size: 16px; font-weight: 800; color: #1A2332; margin: 0 0 4px; }
.kyc-flow .kyc-step-desc { font-size: 14px; line-height: 21px; color: #5B6573; margin: 0 0 8px; }
.kyc-flow .kyc-step-time { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: #168A50; }
.kyc-docs { display: grid; grid-template-columns: 1fr; gap: 14px; margin: 22px 0 30px; }
.kyc-docs .kyc-doc { background: #FFFFFF; border: 1px solid #E3DDD2; border-top: 4px solid #F2A413; border-radius: 14px; padding: 18px 20px; box-shadow: 0 6px 20px rgba(26, 35, 50, 0.06); }
.kyc-docs .kyc-doc-title { font-size: 16px; font-weight: 800; color: #1A2332; margin: 0 0 6px; }
.kyc-docs .kyc-doc-desc { font-size: 13px; line-height: 20px; color: #5B6573; margin: 0 0 10px; }
.kyc-docs .kyc-doc-good { list-style: none; padding: 0; margin: 0; }
.kyc-docs .kyc-doc-good li { position: relative; font-size: 13px; line-height: 20px; color: #2A3344; padding: 0 0 6px 24px; }
.kyc-docs .kyc-doc-good li::before { content: ""; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23168A50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E"); }

@media (min-width: 768px) {
  .kyc-docs { grid-template-columns: 1fr 1fr 1fr; }
}

.prose .press-wordmark { margin: 18px 0; }