/* CultureCore Thank You — White + Purple (scoped, non-conflicting) */
.cct-page{
  --bg:#ffffff;
  --ink:#160f2c;
  --ink-2:#31255a;

  --b50:#faf7ff;
  --b100:#f2eaff;
  --b200:#e6d5ff;
  --b300:#d1b4ff;
  --b400:#b888ff;
  --b500:#984cff;
  --b600:#7a2dff;
  --b700:#5a19db;
  --b800:#4315a8;
  --b900:#2a0f6d;

  --panel:#ffffff;
  --panel-brd:#ebe6ff;

  --ring:rgba(122,45,255,.32);
  --shadow-1:0 6px 18px rgba(122,45,255,.10);
  --shadow-2:0 10px 28px rgba(122,45,255,.12);

  --radius:12px;
  --radius-lg:16px;
  --radius-xl:22px;

  color:var(--ink);
  background:var(--bg);
  font-family:"Outfit", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  font-size:16px;
  line-height:1.6;
}

/* Helpers */
.cct-page .cct-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cct-page .cct-container{max-width:1200px;width:100%;margin-inline:auto;padding-inline:clamp(16px,4vw,36px)}
.cct-page .cct-center{text-align:center}
.cct-page .cct-left{text-align:left!important}

/* Header */
.cct-page .cct-header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.5);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--panel-brd);
}
.cct-page .cct-header-inner{display:flex;align-items:center;gap:1rem;padding:14px 0;height: 68px;}
.cct-page .cct-logo{height:36px;display:block}
.cct-page .cct-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font-weight:700}
.cct-page .cct-nav{display:flex;gap:1rem;margin-left:auto}
.cct-page .cct-nav-link{
  padding: 8px 12px; border-radius: 0; text-decoration: none; color: var(--ink); font-weight: 600; text-transform: uppercase; font-size: 14px;
}
.cct-page .cct-nav-link:hover{color:var(--b800);background:var(--b50)}

/* Buttons */
.cct-page .cct-btn{
  --pad-x:16px;--pad-y:10px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:var(--pad-y) var(--pad-x);
  border-radius:var(--radius);
  text-decoration:none;border:1px solid transparent;
  font-weight:600;font-size:.95rem;text-transform:uppercase;
  cursor:pointer;transition:transform .06s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.cct-page .cct-btn:hover{transform:translateY(-1px)}
.cct-page .cct-btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.cct-page .cct-btn--primary{background:linear-gradient(135deg,var(--b700),var(--b500));color:#fff;box-shadow:var(--shadow-1)}
.cct-page .cct-btn--ghost{background:#fff;color:var(--b800);border:1px solid var(--panel-brd)}
.cct-page .cct-btn--lg{--pad-x:20px;--pad-y:12px;border-radius:0px;font-size:1rem}

/* Hero */
.cct-page .cct-hero{position:relative;padding:48px 0 48px;background:#fff}
.cct-page .cct-hero-inner{text-align:center;position:relative;z-index:2}
.cct-page .cct-overline{
  background: var(--brand-50); color: var(--brand-900); border: 1px solid var(--brand-200); padding: 8px 16px; font-size: 14px; border-radius: 999px;font-weight: 600;text-transform: uppercase;
}
.cct-page .cct-hero-title{
  margin: 12px 0 12px; font-weight: 800; text-transform: uppercase; font-size: 48px;
}

.ccn-tab{appearance:none;background:transparent;border:0;color:var(--muted);font-weight:600;padding:8px 12px;border-radius:999px;cursor:pointer;text-transform:uppercase;font-size:.85rem}
.ccn-tab.is-active{background:var(--brand-50);color:var(--brand-900);border:1px solid var(--brand-200);padding: 8px 16px; font-size: 14px; border-radius: 999px;}

.cct-page .cct-gradient{background:linear-gradient(90deg,var(--b600),var(--b400));-webkit-background-clip:text;background-clip:text;color:transparent}
.cct-page .cct-hero-sub{color:var(--ink-2);margin-top:0;font-weight:500}

.cct-page .cct-hero-status{
  margin:0 auto 0;display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;border:1px solid var(--panel-brd);border-radius:999px;padding:8px 12px;box-shadow:var(--shadow-1)
}
.cct-page .cct-status-icon{
  display: inline-flex ; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; background: linear-gradient(135deg, var(--b700), var(--b500)); color: #fff;
}
.cct-page .cct-status-text{font-weight: 600; color: var(--b900); text-transform: uppercase; font-size: 18px;}

.cct-page .cct-hero-glow{position:absolute;left:0;right:0;top:-32px;height:220px;margin:0 auto;background:radial-gradient(520px 180px at 50% 20%, rgba(152,76,255,.22), transparent 65%);filter:blur(12px);z-index:1}
.cct-page .cct-hero-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px, rgba(122,45,255,.10) 1px, transparent 1px);background-size:22px 22px;mask-image: radial-gradient(80% 70% at 50% 0%, #000 50%, transparent 100%);opacity:.24}

/* Divider & section */
.cct-page .cct-rule{width: min(1120px, 96vw); margin: 18px auto 18px; border: none; height: 1px; background: linear-gradient(90deg, transparent, var(--brand-200), transparent);}
.cct-page .cct-section{    padding: 18px 0 18px;}

/* Steps */
.cct-page .cct-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){ .cct-page .cct-steps{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:620px){ .cct-page .cct-steps{grid-template-columns:1fr} }

.cct-page .cct-step-card{
  background: #fff;
    border: 1px solid var(--panel-brd);
    border-radius: 0px;
    padding: 18px;
    box-shadow: var(--shadow-1);
    transition: box-shadow .2s ease, transform .12s ease;
}
.cct-page .cct-step-card:hover{box-shadow:0 14px 30px rgba(122,45,255,.16);transform:translateY(-1px)}
.cct-page .cct-step-head{display:flex;align-items:center;gap:1rem}
.cct-page .cct-step-index{
  display: inline-flex ; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 0px; background: var(--b50); border: 1px solid var(--b200); color: var(--b900); font-weight: 700; font-size: 14px;
}
.cct-page .cct-step-title{margin: 0; font-weight: 700; color: var(--b900); text-transform: uppercase; font-size: 18px;}
.cct-page .cct-step-text{margin:8px 0 0;color:var(--ink-2);font-weight:500}

/* CTA rows */
.cct-page .cct-cta-row{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.cct-page .cct-cta-row--end{justify-content:flex-end}

/* Footer */
.cct-page .cct-footer{margin-top:26px;border-top:1px solid var(--panel-brd);background:#faf7ff}
.cct-page .cct-footer-inner{display: flex ; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 18px 0;}
.cct-page .cct-logo--sm{height:28px;display:block;margin-bottom:8px}
.cct-page .cct-footer-copy{color: var(--ccp-ink-2); max-width: 600px; margin: 0; font-weight: 500; font-size: 14px;}
.cct-page .cct-footer-links{display: flex ; gap: .75rem; flex-wrap: wrap;}
.cct-page .cct-footer-links a{color:var(--b800);text-decoration:none;font-weight:600;text-transform:uppercase;font-size:.85rem}
.cct-page .cct-footer-links a:hover{text-decoration:underline}

/* Responsive header nav */
@media (max-width:980px){
  .cct-page .cct-nav{display:none}
}


@media (max-width:520px){
  .cct-header-inner{display: flex !important;align-items:center!important;gap:1rem!important;padding:14px!important;justify-content: space-between!important;}
  .cct-logo{height: 28px!important;}
  .cct-footer-inner { display: flex !important; align-items: flex-start!important; justify-content: space-between!important; gap: 1rem!important; padding: 18px!important; flex-direction: column!important; }
}