.cidb-registrations{
  position:relative;
  overflow:hidden;
  background:#0d171e;
  color:#fff;
  isolation:isolate;
}
.cidb-bg{
  position:absolute;
  inset:0;
  z-index:-3;
  background:url("assets/media/media-084.webp") center 48% / cover no-repeat;
  transform:scale(1.015);
}
.cidb-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(8,17,24,.96) 0%,rgba(8,17,24,.90) 30%,rgba(8,17,24,.72) 56%,rgba(8,17,24,.46) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.36));
}
.cidb-inner{
  width:min(1480px,calc(100% - 8vw));
  margin:0 auto;
  padding:clamp(70px,7vw,118px) 0;
  display:grid;
  grid-template-columns:minmax(280px,.95fr) minmax(300px,.88fr) minmax(390px,1.2fr);
  gap:clamp(34px,4vw,72px);
  align-items:center;
}
.cidb-intro .section-index{margin-bottom:34px;color:var(--orange)}
.cidb-intro .eyebrow{color:#fff;letter-spacing:.16em;margin-bottom:14px}
.cidb-intro h2{
  margin:0;
  color:#fff;
  font-size:clamp(58px,6vw,104px);
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.cidb-intro h2 em{display:inline-block;margin-top:12px;font-style:normal;color:var(--orange)}
.cidb-lead{
  max-width:540px;
  margin:22px 0 0;
  color:rgba(255,255,255,.88);
  font-size:clamp(21px,1.8vw,30px);
  line-height:1.26;
}
.cidb-rule{width:68px;height:4px;margin:28px 0;background:var(--orange)}
.cidb-copy{max-width:560px;color:rgba(255,255,255,.77);font-size:17px;line-height:1.65}
.cidb-grade-card{
  position:relative;
  min-height:510px;
  padding:48px 46px 42px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background:rgba(10,20,28,.54);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-radius:5px;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  transform:skewX(-2deg);
  border:1px solid rgba(255,255,255,.14);
  border-left:5px solid var(--orange);
}
.cidb-grade-card>*{transform:skewX(2deg)}
.cidb-mark{
  font-size:clamp(54px,5vw,86px);
  line-height:.8;
  font-weight:900;
  letter-spacing:-.08em;
  margin-bottom:28px;
  color:rgba(255,255,255,.92);
}
.cidb-mark::first-letter{color:var(--orange)}
.cidb-registered{font-size:15px;font-weight:800;letter-spacing:.06em;margin-bottom:25px}
.cidb-grade-label{font-size:23px;font-weight:850;letter-spacing:.08em}
.cidb-grade-card strong{
  display:block;
  margin:4px 0;
  color:var(--orange);
  font-size:clamp(100px,10vw,168px);
  line-height:.88;
  letter-spacing:-.07em;
}
.cidb-grade-desc{font-size:18px;font-weight:900;letter-spacing:.055em}
.cidb-card-rule{width:78%;height:1px;margin:22px auto 19px;background:rgba(255,255,255,.18)}
.cidb-grade-card small{color:rgba(255,255,255,.66);font-size:12px;font-weight:700;letter-spacing:.18em}
.cidb-classes h3{margin:0 0 22px;color:#fff;font-size:clamp(24px,2vw,34px)}
.cidb-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cidb-class-card{
  min-height:175px;
  padding:24px 22px;
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#fff;
  border-radius:5px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 36px rgba(0,0,0,.16);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.cidb-class-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(0,0,0,.28);background:rgba(255,255,255,.08)}
.cidb-class-head{display:flex;align-items:center;gap:12px}
.cidb-class-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--orange);flex:0 0 28px}
.cidb-class-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cidb-class-card strong{display:block;font-size:46px;line-height:1;letter-spacing:-.055em;color:#fff}
.cidb-class-card p{
  margin:18px 0 0;
  padding-top:13px;
  border-top:3px solid var(--orange);
  color:rgba(255,255,255,.84);
  font-size:16px;
  font-weight:750;
  line-height:1.25;
}
.cidb-footer-strip{
  min-height:116px;
  padding:26px max(4vw,calc((100vw - 1480px)/2));
  display:flex;
  align-items:center;
  gap:34px;
  background:rgba(7,17,24,.94);
  border-top:1px solid rgba(255,255,255,.18);
}
.cidb-footer-strip::before{
  content:"✓";
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  color:var(--orange);
  border:3px solid var(--orange);
  border-radius:7px;
  font-size:30px;
  font-weight:900;
}
.cidb-footer-strip strong{color:#fff;font-size:18px;letter-spacing:.08em}
.cidb-footer-strip span{color:rgba(255,255,255,.72);font-size:15px}

@media(max-width:1180px){
  .cidb-inner{grid-template-columns:1fr 1fr}
  .cidb-intro{grid-column:1/-1;max-width:850px}
  .cidb-grade-card{min-height:450px}
}
@media(max-width:760px){
  .cidb-bg{background-position:62% center}
  .cidb-shade{background:linear-gradient(180deg,rgba(8,17,24,.93),rgba(8,17,24,.80))}
  .cidb-inner{width:min(100% - 36px,680px);padding:64px 0 46px;grid-template-columns:1fr;gap:28px}
  .cidb-intro{grid-column:auto}
  .cidb-intro .section-index{margin-bottom:24px}
  .cidb-intro h2{font-size:clamp(56px,17vw,84px)}
  .cidb-lead{font-size:21px}
  .cidb-grade-card{min-height:390px;padding:38px 24px}
  .cidb-class-grid{grid-template-columns:1fr 1fr}
  .cidb-class-card{min-height:150px;padding:22px 18px}
  .cidb-class-card strong{font-size:38px}
  .cidb-footer-strip{padding:24px 20px;align-items:flex-start;flex-wrap:wrap;gap:15px 18px}
  .cidb-footer-strip span{width:100%}
}
@media(max-width:480px){
  .cidb-class-grid{grid-template-columns:1fr}
}