:root {
  --exam-access-ink:#2b414b;
  --exam-access-text:#5c7179;
  --exam-access-canvas:#fffaf1;
  --exam-access-paper:#fff;
  --exam-access-mint:#8fd4aa;
  --exam-access-mint-soft:#ecf9f0;
  --exam-access-gold:#f1cc72;
}

.practice-test-content { display:flex !important; }

html.bfin-exam-lock-pending body > *:not(.bfin-exam-access-layer) {
  visibility:hidden !important;
}

.bfin-exam-access-layer {
  position:fixed; inset:0; z-index:100000; display:grid; place-items:center; padding:20px;
  visibility:visible !important;
  background:
    radial-gradient(circle at 18% 20%,rgba(143,212,170,.22),transparent 20rem),
    radial-gradient(circle at 82% 78%,rgba(170,161,223,.20),transparent 22rem),
    radial-gradient(rgba(62,82,91,.12) 1.2px,transparent 1.2px),
    var(--exam-access-canvas);
  background-size:auto,auto,24px 24px,auto;
  font-family:"Quicksand",ui-rounded,system-ui,sans-serif;
}

.bfin-exam-access-card {
  width:min(440px,100%); padding:30px; color:var(--exam-access-text); background:var(--exam-access-paper);
  border:3px solid var(--exam-access-ink); border-radius:22px; box-shadow:9px 9px 0 var(--exam-access-mint);
}

.bfin-exam-access-icon {
  width:58px; height:58px; margin-bottom:20px; display:grid; place-items:center;
  color:var(--exam-access-ink); background:var(--exam-access-mint-soft);
  border:2px solid var(--exam-access-ink); border-radius:16px; box-shadow:4px 4px 0 var(--exam-access-gold);
}
.bfin-exam-access-icon svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:2; }

.bfin-exam-access-kicker { margin:0 0 7px; color:#237f73; font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.bfin-exam-access-card h2 { margin:0 0 8px; color:var(--exam-access-ink); font-size:1.65rem; font-weight:800; line-height:1.15; }
.bfin-exam-access-copy { margin:0 0 22px; font-size:.9rem; font-weight:600; line-height:1.55; }
.bfin-exam-access-label { display:block; margin-bottom:7px; color:var(--exam-access-ink); font-size:.77rem; font-weight:800; }
.bfin-exam-access-input {
  width:100%; height:50px; padding:0 14px; color:var(--exam-access-ink); background:#fff;
  border:2px solid var(--exam-access-ink); border-radius:11px; outline:none; font:inherit; font-weight:700;
}
.bfin-exam-access-input:focus { box-shadow:0 0 0 4px rgba(120,203,191,.25); }
.bfin-exam-access-error { min-height:20px; margin:7px 0 0; color:#a33f39; font-size:.76rem; font-weight:800; }
.bfin-exam-access-actions { margin-top:14px; display:flex; gap:10px; }
.bfin-exam-access-button {
  min-height:45px; padding:0 17px; color:var(--exam-access-ink); background:var(--exam-access-mint-soft);
  border:2px solid var(--exam-access-ink); border-radius:10px; box-shadow:3px 3px 0 var(--exam-access-mint);
  font:inherit; font-size:.82rem; font-weight:800; cursor:pointer;
}
.bfin-exam-access-button:hover { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--exam-access-mint); }
.bfin-exam-access-button.secondary { background:#fff; box-shadow:none; }
.bfin-exam-lock-pill {
  display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:5px 9px;
  color:var(--exam-access-ink); background:var(--exam-access-mint-soft); border:1.5px solid var(--exam-access-ink);
  border-radius:999px; font-size:.67rem; font-weight:800;
}

@media (max-width:520px) {
  .bfin-exam-access-card { padding:24px 20px; border-radius:18px; box-shadow:6px 6px 0 var(--exam-access-mint); }
  .bfin-exam-access-actions { flex-direction:column; }
  .bfin-exam-access-button { width:100%; }
}