
/* PCS parent-facing tester refresh — 03 October 2026
   Safe visual override. Existing PCS logo, wording, database logic and forms are preserved. */

:root{
  --pcs-test-navy:#042850;
  --pcs-test-blue:#075aa9;
  --pcs-test-blue2:#0b6ec7;
  --pcs-test-green:#168544;
  --pcs-test-green2:#0f9a4b;
  --pcs-test-ink:#21384f;
  --pcs-test-muted:#61788e;
  --pcs-test-line:#d8e5ef;
  --pcs-test-soft:#f5f9fc;
  --pcs-test-shadow:0 10px 28px rgba(14,53,91,.09);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(17,118,189,.06),transparent 28%),
    radial-gradient(circle at 95% 12%,rgba(22,133,68,.06),transparent 27%),
    #f6f9fc!important;
  color:var(--pcs-test-ink);
}

.pcs-skip-link{
  position:absolute;left:-9999px;top:8px;z-index:9999;
  background:#fff;color:#042850;padding:10px 14px;border-radius:8px;font-weight:900
}
.pcs-skip-link:focus{left:12px}

.pcs-tester-header{
  background:#fff!important;
  border-bottom:0!important;
  box-shadow:0 6px 22px rgba(14,53,91,.08);
}
.pcs-topline{
  min-height:92px;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.pcs-tester-brand{
  display:flex!important;
  align-items:center;
  gap:14px;
  text-decoration:none!important;
  min-width:0;
}
.pcs-tester-brand .pcs-main-logo{
  width:auto!important;
  height:64px!important;
  max-width:185px!important;
  object-fit:contain;
}
.pcs-brand-copy{display:block;line-height:1.15}
.pcs-brand-copy strong{
  display:block;
  color:var(--pcs-test-navy)!important;
  font-size:1.2rem;
  font-weight:950!important;
}
.pcs-brand-copy span{
  display:block;
  color:#60758a!important;
  font-size:.9rem;
  font-weight:700;
  margin-top:4px;
}

.pcs-account-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.pcs-signed-in{font-size:.82rem;color:#61788e;font-weight:700}
.pcs-account-btn,.pcs-account-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 15px;
  border-radius:11px;
  text-decoration:none!important;
  font-weight:900;
  transition:.16s ease;
}
.pcs-login-top,.pcs-account-dashboard{
  background:linear-gradient(135deg,var(--pcs-test-blue2),var(--pcs-test-navy));
  color:#fff!important;
  box-shadow:0 6px 16px rgba(7,90,169,.18);
}
.pcs-join-top{
  background:linear-gradient(135deg,#1aa350,#11753a);
  color:#fff!important;
  box-shadow:0 6px 16px rgba(17,117,58,.15);
}
.pcs-account-link{
  background:#f1f5f8;color:#173b60!important;border:1px solid #d6e1e9
}
.pcs-account-btn:hover,.pcs-account-link:hover{transform:translateY(-1px)}
.pcs-account-btn.is-current{outline:3px solid rgba(11,110,199,.16)}

.pcs-nav-shell{
  background:linear-gradient(90deg,#042850,#064989)!important;
  border:0!important;
}
.pcs-tester-nav{
  display:flex!important;
  align-items:center;
  gap:4px!important;
  flex-wrap:wrap;
  min-height:54px;
}
.pcs-tester-nav a{
  display:inline-flex!important;
  align-items:center;
  min-height:40px;
  padding:9px 12px!important;
  margin:0!important;
  border-radius:9px!important;
  color:#eaf3fb!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font-weight:800!important;
  white-space:nowrap;
  transition:.16s ease;
}
.pcs-tester-nav a:hover{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.pcs-tester-nav a.active{
  background:#fff!important;
  color:#06356f!important;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.pcs-tester-nav a:not(.active){box-shadow:none!important}

.pcs-page-shell{padding-top:26px!important;padding-bottom:42px!important}

.card,.pcs-info-page,.pcs-parent-card,.pcs-policy-grid article{
  border-color:var(--pcs-test-line)!important;
}
.card{
  border-radius:18px!important;
  box-shadow:0 7px 22px rgba(14,53,91,.065)!important;
}
.card:hover{border-color:#c8d9e7!important}
.card h1,.card h2,.card h3,.pcs-info-page h1,.pcs-info-page h2{
  color:var(--pcs-test-navy);
}

.btn,button{
  border-radius:11px!important;
  font-weight:850!important;
}
.btn:not(.green):not(.secondary):not(.light):not(.pcs-outline-btn),
button:not(.secondary){
  background:linear-gradient(135deg,#0b66bd,#064989);
}
.btn:hover,button:hover{filter:brightness(1.03);transform:translateY(-1px)}

.pcs-preferred-home-hero{
  background:
    radial-gradient(circle at 88% 15%,rgba(20,154,75,.10),transparent 30%),
    linear-gradient(135deg,#fff 0%,#eef7ff 58%,#f2fbf5 100%)!important;
  border:1px solid #cfe0ec!important;
  border-radius:28px!important;
  box-shadow:0 14px 36px rgba(14,53,91,.10)!important;
  overflow:hidden;
  padding:38px!important;
}
.pcs-preferred-home-hero h1{
  color:#042850!important;
  font-size:clamp(2.45rem,5vw,4.35rem)!important;
  letter-spacing:-.035em;
  line-height:1!important;
}
.pcs-preferred-home-hero .lead{
  font-size:1.09rem!important;
  line-height:1.65!important;
  max-width:650px;
}
.pcs-home-logo-card{
  border-radius:24px!important;
  box-shadow:0 12px 28px rgba(18,55,93,.09)!important;
  border:1px solid #dae6ef!important;
}

.pcs-home-trust-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0 28px;
}
.pcs-home-trust-item{
  background:#fff;
  border:1px solid var(--pcs-test-line);
  border-radius:15px;
  padding:15px;
  box-shadow:0 5px 16px rgba(14,53,91,.05);
}
.pcs-home-trust-item strong{display:block;color:#06356f;margin-bottom:4px}
.pcs-home-trust-item span{color:#647b91;font-size:.9rem;line-height:1.4}

.pcs-tester-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:18px 0 28px;
}
.pcs-tester-step{
  background:#fff;
  border:1px solid var(--pcs-test-line);
  border-radius:18px;
  padding:20px;
  box-shadow:0 7px 20px rgba(14,53,91,.06);
}
.pcs-tester-step .num{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:#eaf4ff;color:#075aa9;font-weight:950;margin-bottom:12px
}
.pcs-tester-step:nth-child(2) .num{background:#edf8f0;color:#168544}
.pcs-tester-step:nth-child(3) .num{background:#fff6de;color:#8a6400}
.pcs-tester-step h3{margin:0 0 6px;color:#042850}
.pcs-tester-step p{margin:0;color:#60758a;line-height:1.5}

.pcs-global-footer{
  margin-top:0;
  background:linear-gradient(135deg,#042850,#063d76);
  color:#fff;
  border-top:5px solid #16a34a;
}
.pcs-footer-grid{
  display:grid;
  grid-template-columns:1.45fr repeat(3,1fr);
  gap:30px;
  padding-top:34px!important;
  padding-bottom:24px!important;
}
.pcs-global-footer h2{
  color:#fff!important;font-size:1rem;margin:0 0 10px
}
.pcs-footer-brand{
  color:#fff;font-size:1.2rem;font-weight:950;margin-bottom:8px
}
.pcs-global-footer p{color:#dce8f3;line-height:1.55}
.pcs-global-footer a{
  display:block;color:#f4f9fd!important;text-decoration:none!important;
  margin:7px 0;line-height:1.4
}
.pcs-global-footer a:hover{text-decoration:underline!important}
.pcs-footer-small{font-size:.88rem;color:#cbdbea!important}
.pcs-footer-bottom{
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:17px!important;
  padding-bottom:23px!important;
  color:#e8f0f8;
  font-size:.9rem;
}

.pcs-policy-operator{
  border-left:5px solid #16a34a!important;
  background:linear-gradient(135deg,#f6fbf7,#fff)!important;
}

@media(max-width:900px){
  .pcs-topline{align-items:flex-start}
  .pcs-footer-grid{grid-template-columns:1fr 1fr}
  .pcs-home-trust-strip{grid-template-columns:1fr 1fr}
  .pcs-tester-steps{grid-template-columns:1fr}
}
@media(max-width:700px){
  .pcs-topline{display:grid!important;grid-template-columns:1fr}
  .pcs-account-actions{justify-content:flex-start}
  .pcs-signed-in{width:100%}
  .pcs-tester-brand .pcs-main-logo{height:54px!important}
  .pcs-brand-copy strong{font-size:1.08rem}
  .pcs-tester-nav{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    padding-top:7px!important;
    padding-bottom:7px!important;
    scrollbar-width:thin;
  }
  .pcs-tester-nav a{flex:0 0 auto}
  .pcs-preferred-home-hero{padding:24px!important;border-radius:20px!important}
  .pcs-home-trust-strip{grid-template-columns:1fr}
  .pcs-footer-grid{grid-template-columns:1fr}
}
