:root{
  --fc-bg-1:#07150f;
  --fc-bg-2:#0d241d;
  --fc-surface:rgba(255,255,255,.82);
  --fc-surface-strong:rgba(255,255,255,.94);
  --fc-surface-dark:rgba(8,20,16,.74);
  --fc-line:rgba(106,165,141,.26);
  --fc-line-strong:rgba(172,232,206,.42);
  --fc-text:#0f211a;
  --fc-muted:#4e675e;
  --fc-primary:#0d7f62;
  --fc-primary-strong:#095544;
  --fc-accent:#f0c96b;
  --fc-accent-2:#ffe6a8;
  --fc-focus:#f8d97a;
  --fc-shadow:0 24px 80px rgba(3,18,13,.18);
  --fc-shadow-soft:0 14px 40px rgba(3,18,13,.10);
  --fc-radius:22px;
}
html{font-size:16px}
body.future-community-theme{
  color:var(--fc-text);
  background:
    radial-gradient(circle at top left, rgba(18,112,86,.20), transparent 28%),
    radial-gradient(circle at top right, rgba(240,201,107,.14), transparent 23%),
    linear-gradient(180deg, #f5fbf8 0%, #eef6f2 44%, #eaf2ef 100%);
  line-height:1.65;
}
body.future-community-theme.public-body,
body.future-community-theme.portal-body{min-height:100vh}
body.future-community-theme::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:72px 72px;opacity:.22;mask-image:linear-gradient(180deg,#000,transparent 72%);
}
.skip-link{
  position:fixed;left:18px;top:14px;z-index:3000;padding:12px 16px;border-radius:14px;
  background:#081711;color:#fff;transform:translateY(-150%);transition:transform .2s ease;
  box-shadow:var(--fc-shadow);border:1px solid rgba(255,255,255,.2)
}
.skip-link:focus{transform:translateY(0)}
:focus-visible{
  outline:3px solid var(--fc-focus)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 6px rgba(240,201,107,.24)!important;
}
.topbar{
  background:linear-gradient(180deg,rgba(5,17,13,.88),rgba(8,27,20,.80));
  backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(189,237,215,.12);
  box-shadow:0 12px 44px rgba(4,14,11,.16)
}
.topbar.scrolled{box-shadow:0 16px 54px rgba(4,14,11,.22)}
.topbar-inner{max-width:1500px;padding:0 24px}
.brand-mark{
  width:48px;height:48px;border-radius:16px;
  background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 36%),linear-gradient(160deg,#16a37f,#09382d 74%);
  box-shadow:0 12px 30px rgba(18,115,88,.28), inset 0 1px 0 rgba(255,255,255,.35)
}
.brand-copy strong,.public-nav>a:not(.btn),.icon-btn{color:#f7fffb}
.brand-copy small{color:rgba(228,244,236,.74)}
.public-nav{gap:18px}
.public-nav>a:not(.btn){padding:10px 12px;border-radius:12px;transition:background .2s ease,color .2s ease,transform .2s ease}
.public-nav>a:not(.btn):hover,.public-nav>a:not(.btn):focus-visible{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}
.icon-btn{display:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05)}
.btn{
  border-radius:14px;
  font-weight:800;
  letter-spacing:.01em;
  min-height:46px;
}
.btn.primary{
  background:linear-gradient(135deg,#18a17f,#0f6f57);
  color:#fff;
  box-shadow:0 12px 26px rgba(15,111,87,.28)
}
.btn.primary:hover{background:linear-gradient(135deg,#1ab18b,#0f6f57)}
.btn.accent{
  background:linear-gradient(135deg,var(--fc-accent),#f7df9f);
  color:#172018;
  box-shadow:0 12px 28px rgba(240,201,107,.30)
}
.btn.inverse{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.34);color:#fff}
.btn.outline{background:rgba(255,255,255,.62);border-color:rgba(13,127,98,.22);color:var(--fc-primary-strong)}
.btn.ghost{background:rgba(255,255,255,.72);border-color:rgba(16,79,64,.12)}
.btn.outline.light{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.36);color:#fff}
.btn:hover{transform:translateY(-2px)}
.flash-wrap{top:94px}
.flash{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.6);
  backdrop-filter:blur(16px);
  border-radius:18px;
}
.portal-shell{position:relative}
.sidebar{
  background:
    radial-gradient(circle at top, rgba(240,201,107,.10), transparent 25%),
    linear-gradient(180deg,#071711 0%,#0a221a 38%,#0b281f 100%);
  color:#e9f5f0;
  border-right:1px solid rgba(202,243,224,.10);
  box-shadow:10px 0 48px rgba(4,14,11,.16)
}
.member-card,.sidebar-external{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(220,245,233,.10);
  border-radius:20px;
  backdrop-filter:blur(12px)
}
.member-card strong,.member-card small,.member-no,.side-nav .nav-section,.side-nav a{color:#eefaf4}
.avatar{
  background:linear-gradient(145deg,#f0c96b,#118a69)!important;
  color:#0b1c16!important;
  box-shadow:0 10px 22px rgba(0,0,0,.2)
}
.side-nav .nav-section{opacity:.65;letter-spacing:.12em}
.side-nav a{
  border-radius:14px;
  margin:2px 0;
  border:1px solid transparent;
}
.side-nav a:hover,.side-nav a.active{
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.07));
  border-color:rgba(218,244,232,.10)
}
.side-nav a.highlight{background:linear-gradient(135deg,rgba(240,201,107,.22),rgba(16,161,128,.18));color:#fff}
.portal-main,.public-main{padding-bottom:40px}
.page-head,.panel,.stat-card,.feature-card,.knowledge-tool-card,.knowledge-resource-card,.knowledge-feed-card,.bridge-benefit-grid article,.bridge-plan-card,.bridge-order-number,.bridge-order-facts>div,.bridge-payment-box,.bridge-separation-note,.source-status-grid article,.cron-box,.ap-status,.community-pulse article{
  background:linear-gradient(180deg,var(--fc-surface-strong),rgba(255,255,255,.86));
  border:1px solid rgba(255,255,255,.75);
  box-shadow:var(--fc-shadow-soft);
  backdrop-filter:blur(16px);
}
.page-head,.panel,.feature-card,.knowledge-tool-card,.knowledge-resource-card,.knowledge-feed-card,.ap-status,.bridge-plan-card,.bridge-benefit-grid article,.community-pulse article{border-radius:24px}
.page-head{
  overflow:hidden;position:relative;
  background:
    radial-gradient(circle at top right, rgba(240,201,107,.16), transparent 20%),
    radial-gradient(circle at left bottom, rgba(17,138,105,.14), transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,252,249,.94));
}
.page-head::after{
  content:"";position:absolute;right:-60px;top:-50px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle, rgba(15,111,87,.14), transparent 62%);pointer-events:none
}
.page-head h1,.panel h2,.panel h3,.news-list h3,.timeline h3,.ae-heading h2,.ae-feature h3,.ae-sector-grid h3,.ae-audience-panels h3,.ae-steps h3,.ae-ap-shell h2,.ae-final-inner h2{letter-spacing:-.03em}
.panel-head{margin-bottom:16px}
.stat-grid{gap:18px}
.stat-card{
  border-radius:22px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  border:1px solid rgba(255,255,255,.8)
}
.stat-card:hover,.panel:hover,.feature-card:hover,.knowledge-tool-card:hover,.knowledge-resource-card:hover,.knowledge-feed-card:hover,.community-pulse article:hover{
  transform:translateY(-3px);
  box-shadow:var(--fc-shadow)
}
.stat-icon,.feature-icon,.knowledge-icon{
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(15,111,87,.12),rgba(240,201,107,.24))!important;
  color:var(--fc-primary-strong)!important
}
.community-pulse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 26px}
.community-pulse article{padding:18px 20px}
.community-pulse strong{display:block;font-size:1rem;margin-bottom:4px;color:#133326}
.community-pulse small{color:var(--fc-muted);line-height:1.55;display:block}
.empty-state{background:rgba(255,255,255,.55);border-radius:20px;border:1px dashed rgba(12,86,68,.18)}
.news-list article,.timeline article,.compact-notes a,.mini-stats article,.source-status-grid article,.bridge-order-facts>div{
  border-radius:18px!important;
  border:1px solid rgba(15,111,87,.10)
}
.status,.priority,.category-label,.security-chip{border-radius:999px;font-weight:800}
.priority.high,.status.active,.status.success,.status.paid{box-shadow:0 8px 16px rgba(18,183,106,.16)}
input,select,textarea{
  border-radius:14px!important;
  border:1px solid rgba(16,79,64,.18)!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--fc-text);
  min-height:46px
}
input::placeholder,textarea::placeholder{color:#7b8f87}
label{font-weight:700;color:#234539}
fieldset{border-radius:20px}
table{border-collapse:separate;border-spacing:0;width:100%}
table th,table td{border-bottom:1px solid rgba(16,79,64,.10)}
table th{background:rgba(11,55,43,.04);color:#1c4033;font-weight:800}
.card,.box,.module-card,.settings-card,.list-card{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,252,250,.90));
  border:1px solid rgba(255,255,255,.75);border-radius:24px;box-shadow:var(--fc-shadow-soft)
}
.site-footer{
  background:
    radial-gradient(circle at top left, rgba(240,201,107,.14), transparent 24%),
    linear-gradient(180deg,#071711 0%,#0a2018 100%);
  color:rgba(234,246,240,.80);
  border-top:1px solid rgba(255,255,255,.08)
}
.site-footer strong{color:#fff}
/* Home experience */
.ae-home{display:block}
.ae-hero{
  position:relative;
  background:
    radial-gradient(circle at 12% 12%, rgba(240,201,107,.18), transparent 18%),
    radial-gradient(circle at 88% 22%, rgba(54,222,175,.18), transparent 16%),
    linear-gradient(135deg,#071610 0%,#0a241c 46%,#0d3e31 100%);
  border-bottom-left-radius:34px;border-bottom-right-radius:34px;
  box-shadow:0 20px 80px rgba(4,14,11,.20)
}
.ae-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.04) 100%)
}
.ae-lead{max-width:840px}
.ae-hero-actions{flex-wrap:wrap}
.ae-trust span,.ae-impact article,.ae-launch-card,.ae-network-stage,.ae-sector-grid article,.ae-audience-shell,.ae-audience-panels article,.ae-feature,.ae-eco-dashboard,.ae-steps article,.ae-ap-shell,.ae-price-cards article,.ae-security-grid article,.ae-final-inner,.ae-values-grid article{
  backdrop-filter:blur(16px)
}
.ae-launch-card,.ae-network-stage,.ae-audience-shell,.ae-feature,.ae-eco-dashboard,.ae-steps article,.ae-ap-shell,.ae-price-cards article,.ae-security-grid article,.ae-final-inner,.ae-values-grid article{
  border:1px solid rgba(255,255,255,.12)
}
.ae-impact{margin-top:-30px;position:relative;z-index:2}
.ae-impact article,.ae-sector-grid article,.ae-audience-shell,.ae-audience-panels article,.ae-feature,.ae-eco-dashboard,.ae-steps article,.ae-price-cards article,.ae-security-grid article,.ae-values-grid article{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,252,250,.90));
  box-shadow:var(--fc-shadow-soft)
}
.ae-impact article span,.ae-values-grid article span{
  width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(15,111,87,.12),rgba(240,201,107,.26));
  color:var(--fc-primary-strong);font-size:1.25rem;font-weight:900
}
.ae-values{padding-top:20px}
.ae-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ae-values-grid article{padding:26px;border-radius:24px}
.ae-values-grid h3{margin:.9rem 0 .55rem;font-size:1.2rem}
.ae-values-grid p{margin:0;color:var(--fc-muted)}
.ae-heading p,.ae-feature p,.ae-sector-grid p,.ae-audience-panels p,.ae-steps p,.ae-reinvest{color:var(--fc-muted)!important}
.ae-audience-tabs button,.ae-feature a,.ae-final-actions .btn,.ae-ap-benefits li,.ae-dashboard-modules article{border-radius:16px}
.ae-audience-tabs button.active{box-shadow:0 10px 20px rgba(15,111,87,.18)}
.ae-feature{
  border-radius:24px!important;
  overflow:hidden;position:relative
}
.ae-feature::before,.ae-sector-grid article::before,.ae-values-grid article::before,.panel::before,.page-head::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 40%);opacity:.8
}
.ae-eco-dashboard,.ae-network-stage,.ae-final-inner,.ae-ap-shell{
  box-shadow:var(--fc-shadow)
}
.ae-network-stage{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));
  border-radius:32px
}
.ae-node{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.18)
}
.ae-live{background:rgba(255,255,255,.14)!important;border-radius:999px}
.ae-section{position:relative}
.ae-section:nth-child(odd):not(.ae-hero){background:linear-gradient(180deg,rgba(255,255,255,.28),transparent)}
.ae-final-cta{padding:26px 0 34px}
.ae-final-inner{
  background:
    radial-gradient(circle at top left, rgba(240,201,107,.16), transparent 18%),
    linear-gradient(135deg,#091711 0%,#0b2a20 50%,#0d4938 100%);
  border-radius:34px
}
.ae-final-inner p{color:rgba(255,255,255,.78)!important}
/* Generic module polish */
.knowledge-hero,.knowledge-tool-card,.knowledge-resource-card,.knowledge-feed-card,.knowledge-control,.knowledge-live-state{border-radius:24px!important;box-shadow:var(--fc-shadow-soft)}
.knowledge-hero,.knowledge-live-state{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,252,250,.90))!important}
.knowledge-control{background:rgba(255,255,255,.80)!important;border:1px solid rgba(255,255,255,.70)}
.fc-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease, transform .55s ease}
.motion-ok .fc-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .btn,.stat-card,.panel,.feature-card,.knowledge-tool-card,.knowledge-resource-card,.knowledge-feed-card,.community-pulse article{transition:none!important}
}
@media (max-width:1180px){
  .community-pulse,.ae-values-grid{grid-template-columns:1fr}
}
@media (max-width:980px){
  .icon-btn{display:grid;place-items:center}
  .topbar-inner{padding:0 16px}
  .page-head,.panel,.stat-card,.feature-card,.knowledge-tool-card,.knowledge-resource-card,.knowledge-feed-card{border-radius:20px}
}
@media (max-width:720px){
  body.future-community-theme{font-size:15px}
  .site-footer{padding:24px 20px;flex-direction:column;align-items:flex-start}
  .ae-hero{border-bottom-left-radius:24px;border-bottom-right-radius:24px}
  .ae-values-grid article{padding:22px}
}