:root{--bb-text:#182033;--bb-muted:#657084;--bb-bg:#f7f9fc}
.bb-units-section{max-width:1280px;margin:0 auto;padding:72px 24px;font-family:inherit;color:var(--bb-text)}
.bb-units-heading{text-align:left;max-width:860px;margin:0 auto 42px}
.bb-eyebrow,.bb-section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--bb-accent,#2563eb);text-transform:uppercase}
.bb-units-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:10px 0 14px;font-weight:800;letter-spacing:-.04em}
.bb-units-heading p{font-size:17px;line-height:1.7;color:var(--bb-muted);margin:0}
.bb-units-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bb-unit-card{--bb-accent:#F4B400;background:#fff;border-radius:26px;overflow:hidden;border:1px solid rgba(20,32,55,.08);box-shadow:0 16px 45px rgba(28,40,65,.08);transition:transform .25s ease,box-shadow .25s ease}
.bb-unit-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(28,40,65,.14)}
.bb-card-top{height:128px;background:var(--bb-accent);position:relative;overflow:visible}
.bb-card-pattern{position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at 20% 20%,#fff 0 3px,transparent 4px),radial-gradient(circle at 80% 70%,#fff 0 4px,transparent 5px);background-size:36px 36px}
.bb-card-top:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-18px;height:48px;background:#fff;border-radius:50% 50% 0 0/70% 70% 0 0}
.bb-logo-wrap{position:absolute;z-index:3;left:50%;top:62px;transform:translateX(-50%);width:82px;height:82px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding:9px;box-shadow:0 10px 25px rgba(20,30,50,.15)}
.bb-logo-wrap img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.bb-logo-placeholder{font-size:32px;font-weight:900;color:var(--bb-accent)}
.bb-card-body{padding:45px 22px 22px;text-align:center}
.bb-unit-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;color:#9aa3b2}
.bb-card-body h3{font-size:31px;line-height:1;margin:8px 0 10px;color:var(--bb-accent);letter-spacing:-.03em}
.bb-short{font-size:13px;line-height:1.55;color:var(--bb-muted);min-height:40px;margin:0 0 14px}
.bb-feature-list{list-style:none;padding:0;margin:18px 0 20px;text-align:left}
.bb-feature-list li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;margin:11px 0;color:#3d4656}
.bb-feature-list li span{flex:0 0 19px;width:19px;height:19px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bb-accent);color:#fff;font-size:11px;font-weight:900;margin-top:0}
.bb-detail-button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none!important;color:#fff!important;background:var(--bb-accent);border-radius:14px;padding:13px 15px;font-size:13px;font-weight:800;transition:filter .2s}
.bb-detail-button:hover{filter:brightness(.94)}
.bb-arrow{font-size:20px;line-height:1}
.bb-empty{grid-column:1/-1;padding:30px;border-radius:18px;background:#fff;text-align:center;color:var(--bb-muted)}
.bb-detail-page{font-family:inherit;color:var(--bb-text)}
.bb-detail-hero{background:#2563eb;border-bottom:0;color:#fff;box-shadow:0 8px 24px rgba(37,99,235,.14)}
.bb-detail-hero-inner{max-width:1280px;margin:0 auto;padding:34px 24px 38px}
.bb-back{display:inline-flex;text-decoration:none!important;color:#536174!important;font-size:13px;font-weight:700;margin-bottom:26px}
.bb-detail-badge{display:inline-flex;background:rgba(255,255,255,.16);color:#fff;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:11px;border:1px solid rgba(255,255,255,.18)}
.bb-detail-hero h1{font-size:clamp(40px,5vw,66px);letter-spacing:-.05em;line-height:1;margin:0 0 10px;color:#fff}
.bb-detail-hero p{font-size:17px;line-height:1.7;max-width:920px;color:rgba(255,255,255,.9);margin:0}
.bb-detail-content{max-width:1280px;margin:0 auto;padding:42px 24px 56px;display:grid;grid-template-columns:380px minmax(0,1fr);gap:32px;align-items:start}
.bb-detail-image{height:290px;border-radius:26px;overflow:hidden;background:#eef2f7;box-shadow:0 18px 40px rgba(28,40,65,.12)}
.bb-detail-image img{width:100%;height:100%;object-fit:cover}
.bb-cover-logo,.bb-cover-fallback{height:100%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bb-accent) 15%,white)}
.bb-cover-logo img{width:180px;height:180px;object-fit:contain}
.bb-cover-fallback{font-size:54px;font-weight:900;color:var(--bb-accent)}
.bb-headmaster{padding:17px 2px}
.bb-headmaster span{display:block;font-size:12px;color:#8b95a5;margin-bottom:4px}
.bb-headmaster strong{font-size:15px}
.bb-detail-copy h2{font-size:32px;letter-spacing:-.03em;margin:6px 0 18px}
.bb-description{font-size:16px;line-height:1.85;color:#596476}
.bb-description p{margin:0 0 14px}
.bb-feature-label{margin-top:28px}
.bb-detail-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.bb-detail-feature{display:flex;gap:11px;padding:15px;border:1px solid #e9edf3;border-radius:15px;font-size:14px;color:#3e4858}
.bb-detail-feature span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bb-accent);color:#fff;font-weight:900;font-size:12px;flex:0 0 22px}
@media(max-width:1050px){.bb-units-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-detail-content{grid-template-columns:320px minmax(0,1fr);gap:38px}}
@media(max-width:720px){.bb-units-section{padding:48px 18px}.bb-units-heading{margin-bottom:28px}.bb-units-grid{grid-template-columns:1fr}.bb-detail-hero-inner{padding:28px 18px 32px}.bb-detail-content{grid-template-columns:1fr;padding:32px 18px 42px;gap:24px}.bb-detail-image{height:240px}.bb-detail-features{grid-template-columns:1fr}}

.bb-detail-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}
.bb-action-button{min-width:300px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-radius:13px;text-decoration:none!important;color:#fff!important;font-size:18px;font-weight:800;line-height:1;box-shadow:0 10px 24px rgba(25,35,55,.10);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.bb-action-button:hover{transform:translateY(-2px);filter:brightness(.96);box-shadow:0 14px 28px rgba(25,35,55,.16)}
.bb-action-register{background:#0b96d8}
.bb-action-website{background:#f68a12}
.bb-action-arrow{font-size:25px;font-weight:500;line-height:1}
@media(max-width:720px){
  .bb-detail-actions{gap:12px;margin-top:28px}
  .bb-action-button{width:100%;min-width:0;font-size:16px}
}