.avcb-community {
--avcb-ink: #26323f;
--avcb-muted: #66717d;
--avcb-line: #e6e8eb;
--avcb-soft: #f7f4f1;
--avcb-warm: #f5e6e0;
--avcb-deep: #25344d;
--avcb-deep-2: #17213a;
--avcb-white: #ffffff;
max-width: 1180px;
margin: 0 auto;
color: var(--avcb-ink);
font-family: inherit;
}
.avcb-community * {
box-sizing: border-box;
}
.avcb-hero {
padding: clamp(28px, 5vw, 56px);
border-radius: 24px;
background: linear-gradient(135deg, var(--avcb-deep-2), var(--avcb-deep));
color: var(--avcb-white);
margin-bottom: 28px;
box-shadow: 0 18px 50px rgba(23, 33, 58, .12);
}
.avcb-hero h1 {
color: var(--avcb-white);
font-size: clamp(34px, 5vw, 54px);
line-height: 1.05;
margin: 8px 0 14px;
}
.avcb-hero p {
max-width: 760px;
color: #edf0f4;
font-size: 17px;
line-height: 1.65;
margin: 0;
}
.avcb-eyebrow,
.avcb-card-eyebrow {
text-transform: uppercase;
letter-spacing: .11em;
font-size: 11px;
font-weight: 800;
}
.avcb-eyebrow {
color: #f2c5bc;
}
.avcb-card-eyebrow {
color: #8a625b;
}
.avcb-meta-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
}
.avcb-badge {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 7px 12px;
border-radius: 999px;
background: #ffffff;
color: var(--avcb-deep-2);
font-size: 13px;
font-weight: 800;
}
.avcb-badge-soft {
background: rgba(255, 255, 255, .12);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, .2);
}
.avcb-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.avcb-card {
background: var(--avcb-white);
border: 1px solid var(--avcb-line);
border-radius: 20px;
padding: 24px;
min-height: 230px;
display: flex;
flex-direction: column;
box-shadow: 0 8px 30px rgba(39, 50, 63, .045);
}
.avcb-card h3 {
margin: 8px 0 10px;
font-size: 24px;
line-height: 1.15;
color: var(--avcb-ink);
}
.avcb-card p {
margin: 0;
color: var(--avcb-muted);
line-height: 1.6;
}
.avcb-card-link {
margin-top: auto;
padding-top: 24px;
display: inline-flex;
gap: 9px;
align-items: center;
color: var(--avcb-deep);
text-decoration: none;
font-weight: 800;
}
.avcb-card-link:hover {
text-decoration: underline;
}
.avcb-card-featured {
background: var(--avcb-soft);
border-color: #e5ddd8;
}
.avcb-card-phase {
background: #fbf8f6;
}
.avcb-card-premium {
border-color: #ddc7bd;
background: linear-gradient(180deg, #fffaf7, #ffffff);
}
.avcb-card-premium-locked {
background: #fbf8f6;
}
.avcb-account-panel {
margin-top: 28px;
padding: clamp(24px, 4vw, 38px);
border: 1px solid var(--avcb-line);
border-radius: 22px;
background: #ffffff;
}
.avcb-account-panel h2 {
margin: 7px 0 8px;
color: var(--avcb-ink);
}
.avcb-account-panel > div > p {
color: var(--avcb-muted);
}
.avcb-account-data {
margin: 24px 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border: 1px solid var(--avcb-line);
border-radius: 16px;
overflow: hidden;
}
.avcb-account-data > div {
padding: 18px 20px;
background: #fbfbfc;
}
.avcb-account-data > div + div {
border-left: 1px solid var(--avcb-line);
}
.avcb-account-data span,
.avcb-account-data strong {
display: block;
}
.avcb-account-data span {
color: var(--avcb-muted);
font-size: 12px;
margin-bottom: 4px;
}
.avcb-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.avcb-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
border-radius: 12px;
padding: 10px 16px;
font-weight: 800;
text-decoration: none;
border: 1px solid transparent;
}
.avcb-button-primary {
background: var(--avcb-deep-2);
color: #ffffff !important;
}
.avcb-button-secondary {
background: #ffffff;
color: var(--avcb-deep-2) !important;
border-color: #d9dde2;
}
.avcb-state-card {
max-width: 720px;
padding: clamp(28px, 5vw, 48px);
border: 1px solid var(--avcb-line);
border-radius: 22px;
background: #ffffff;
box-shadow: 0 12px 38px rgba(39, 50, 63, .06);
}
.avcb-state-card h2 {
margin: 8px 0 12px;
}
.avcb-state-card p {
color: var(--avcb-muted);
}
.avcb-state-card .avcb-button {
margin: 10px 8px 8px 0;
}
.avcb-small {
margin-top: 18px;
color: var(--avcb-muted);
font-size: 13px;
line-height: 1.55;
}
@media (max-width: 900px) {
.avcb-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.avcb-grid,
.avcb-account-data {
grid-template-columns: 1fr;
}
.avcb-account-data > div + div {
border-left: 0;
border-top: 1px solid var(--avcb-line);
}
.avcb-card {
min-height: 0;
}
.avcb-hero {
border-radius: 18px;
}
} .avcb-entry-actions {
margin: 22px 0 4px;
}
.avcb-access-paths {
margin-top: 34px;
padding-top: 30px;
border-top: 1px solid var(--avcb-line);
}
.avcb-access-paths-head h3 {
margin: 7px 0 8px;
font-size: 24px;
line-height: 1.15;
color: var(--avcb-ink);
}
.avcb-access-paths-head p {
margin: 0 0 18px;
color: var(--avcb-muted);
}
.avcb-access-paths-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.avcb-access-path {
display: flex;
flex-direction: column;
gap: 8px;
padding: 20px;
border: 1px solid var(--avcb-line);
border-radius: 16px;
background: #fbfbfc;
text-decoration: none !important;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.avcb-access-path:hover {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(39, 50, 63, .08);
border-color: #d8c8c1;
}
.avcb-access-path-kicker {
color: #8a625b;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.avcb-access-path strong {
color: var(--avcb-ink);
font-size: 18px;
line-height: 1.25;
}
.avcb-access-path span:not(.avcb-access-path-kicker) {
color: var(--avcb-muted);
line-height: 1.5;
}
.avcb-access-path em {
margin-top: auto;
padding-top: 6px;
color: var(--avcb-deep);
font-style: normal;
font-weight: 800;
}
@media (max-width: 640px) {
.avcb-access-paths-grid {
grid-template-columns: 1fr;
}
} .avcb-resources-hero {
padding: clamp(30px, 5vw, 52px);
border-radius: 24px;
background: linear-gradient(135deg, var(--avcb-deep-2), var(--avcb-deep));
color: #ffffff;
margin-bottom: 22px;
}
.avcb-resources-hero h1 {
margin: 8px 0 12px;
color: #ffffff;
font-size: clamp(34px, 5vw, 50px);
line-height: 1.08;
}
.avcb-resources-hero p {
max-width: 780px;
margin: 0;
color: #edf0f4;
line-height: 1.65;
}
.avcb-resource-filters {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin: 0 0 22px;
}
.avcb-resource-filters a {
display: inline-flex;
padding: 8px 12px;
border: 1px solid var(--avcb-line);
border-radius: 999px;
background: #ffffff;
color: var(--avcb-deep);
text-decoration: none;
font-size: 13px;
font-weight: 700;
}
.avcb-resource-filters a.is-active,
.avcb-resource-filters a:hover {
background: var(--avcb-deep-2);
color: #ffffff;
border-color: var(--avcb-deep-2);
}
.avcb-resource-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.avcb-resource-card {
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 320px;
background: #ffffff;
border: 1px solid var(--avcb-line);
border-radius: 18px;
box-shadow: 0 8px 28px rgba(39, 50, 63, .045);
}
.avcb-resource-thumb {
aspect-ratio: 16 / 9;
background-size: cover;
background-position: center;
}
.avcb-resource-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 20px;
}
.avcb-resource-topline {
display: flex;
justify-content: space-between;
gap: 10px;
margin-bottom: 9px;
color: #8a625b;
font-size: 11px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.avcb-resource-card h3 {
margin: 0 0 9px;
color: var(--avcb-ink);
font-size: 22px;
line-height: 1.2;
}
.avcb-resource-card p {
margin: 0;
color: var(--avcb-muted);
line-height: 1.58;
}
.avcb-resource-footer {
display: flex;
align-items: end;
justify-content: space-between;
gap: 12px;
margin-top: auto;
padding-top: 22px;
}
.avcb-resource-access {
display: inline-flex;
padding: 6px 9px;
border-radius: 999px;
background: var(--avcb-soft);
color: #795850;
font-size: 11px;
font-weight: 800;
}
.avcb-resource-card.is-locked {
background: #fbf8f6;
border-color: #ddc7bd;
}
.avcb-resource-empty {
padding: clamp(28px, 5vw, 48px);
border: 1px solid var(--avcb-line);
border-radius: 20px;
background: #ffffff;
}
.avcb-resource-empty h2 {
margin: 8px 0 10px;
}
.avcb-resource-empty p {
max-width: 700px;
color: var(--avcb-muted);
line-height: 1.6;
}
@media (max-width: 900px) {
.avcb-resource-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.avcb-resource-grid {
grid-template-columns: 1fr;
}
.avcb-resource-footer {
align-items: flex-start;
flex-direction: column;
}
} .avcb-access-notice {
display: grid;
gap: 5px;
margin: 0 0 20px;
padding: 16px 18px;
border: 1px solid #ddc7bd;
border-radius: 14px;
background: #fff8f5;
color: var(--avcb-ink);
}
.avcb-access-notice strong {
font-size: 15px;
}
.avcb-access-notice span {
color: var(--avcb-muted);
line-height: 1.5;
} .avcb-protected-download-wrap {
margin-top: 28px;
} .avcb-community.avcb-state-card {
width: min(100%, 900px);
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.avcb-community .avcb-access-paths {
width: 100%;
}
.avcb-community .avcb-access-paths-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
width: 100% !important;
align-items: stretch;
}
.avcb-community .avcb-access-paths-grid > .avcb-access-path {
width: 100% !important;
min-width: 0 !important;
height: 100%;
margin: 0 !important;
}
@media (max-width: 760px) {
.avcb-community .avcb-access-paths-grid {
grid-template-columns: 1fr !important;
}
} .avcb-community .avcb-access-paths-grid > p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.avcb-community .avcb-access-paths-grid > p:not(:empty) {
display: contents !important;
}
.avcb-community .avcb-access-paths-grid .avcb-access-path > br {
display: none !important;
}
.avcb-community .avcb-access-paths-grid .avcb-access-path {
flex: 1 1 320px !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
} .avcb-card-materials {
border-color: #d9c3b7;
background: linear-gradient(180deg, #fff 0%, #fff9f6 100%);
}
.avcb-materials-hero {
margin-bottom: 24px;
}
.avcb-materials-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: stretch;
}
.avcb-material-card {
display: flex;
flex-direction: column;
overflow: hidden;
min-width: 0;
border: 1px solid var(--avcb-line);
border-radius: 20px;
background: #fff;
box-shadow: 0 8px 28px rgba(39, 50, 63, .05);
}
.avcb-material-card.is-main {
grid-column: span 2;
}
.avcb-material-thumb {
aspect-ratio: 16 / 9;
background-size: cover;
background-position: center;
}
.avcb-material-card.is-main .avcb-material-thumb {
aspect-ratio: 16 / 7;
}
.avcb-material-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 22px;
}
.avcb-material-kicker {
margin-bottom: 8px;
color: #8a625b;
font-size: 11px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.avcb-material-card h2 {
margin: 0 0 10px;
color: var(--avcb-ink);
font-size: 23px;
line-height: 1.2;
}
.avcb-material-card p {
margin: 0;
color: var(--avcb-muted);
line-height: 1.6;
}
.avcb-material-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: auto;
padding-top: 24px;
}
.avcb-materials-help {
margin-top: 20px;
padding: 15px 18px;
border: 1px solid var(--avcb-line);
border-radius: 14px;
background: #fbf8f6;
color: var(--avcb-muted);
font-size: 13px;
line-height: 1.6;
}
.avcb-materials-help p { margin: 0; }
.avcb-materials-back { margin-top: 24px; }
@media (max-width: 900px) {
.avcb-materials-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.avcb-material-card.is-main { grid-column: span 2; }
}
@media (max-width: 640px) {
.avcb-materials-grid { grid-template-columns: 1fr; }
.avcb-material-card.is-main { grid-column: auto; }
.avcb-material-footer { align-items: flex-start; flex-direction: column; }
} .avcb-materials .avcb-materials-hero {
padding: clamp(26px, 3.6vw, 40px);
margin-bottom: 28px;
}
.avcb-materials .avcb-materials-hero h1 {
max-width: 880px;
font-size: clamp(32px, 4vw, 44px);
}
.avcb-materials .avcb-materials-hero p {
max-width: 900px;
}
.avcb-materials-featured {
margin-bottom: 34px;
}
.avcb-materials-featured .avcb-material-card.is-main {
display: grid;
grid-template-columns: minmax(260px, 36%) 1fr;
min-height: 350px;
grid-column: auto;
}
.avcb-materials-featured .avcb-material-card.is-main .avcb-material-thumb {
min-height: 350px;
aspect-ratio: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #f8f5f2;
border-right: 1px solid var(--avcb-line);
}
.avcb-materials-featured .avcb-material-card.is-main .avcb-material-body {
justify-content: center;
padding: clamp(26px, 4vw, 44px);
}
.avcb-materials-featured .avcb-material-card.is-main h2 {
font-size: clamp(28px, 3vw, 38px);
max-width: 680px;
}
.avcb-materials-featured .avcb-material-card.is-main p {
max-width: 680px;
font-size: 16px;
}
.avcb-materials-section {
margin-top: 34px;
}
.avcb-materials-section-heading {
display: flex;
justify-content: space-between;
align-items: end;
gap: 28px;
margin-bottom: 18px;
}
.avcb-materials-section-heading h2 {
margin: 5px 0 0;
color: var(--avcb-ink);
font-size: clamp(26px, 3vw, 34px);
line-height: 1.1;
}
.avcb-materials-section-heading p {
max-width: 560px;
margin: 0;
color: var(--avcb-muted);
line-height: 1.55;
}
.avcb-materials-bonus-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.avcb-materials-bonus-grid .avcb-material-card {
min-height: 100%;
}
.avcb-materials-bonus-grid .avcb-material-thumb,
.avcb-materials-grid .avcb-material-thumb {
aspect-ratio: 4 / 3;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #f8f5f2;
border-bottom: 1px solid var(--avcb-line);
}
.avcb-materials-bonus-grid .avcb-material-body {
padding: 20px;
}
.avcb-materials-bonus-grid .avcb-material-card h2 {
font-size: 21px;
}
.avcb-materials-bonus-grid .avcb-material-footer {
display: block;
padding-top: 20px;
}
.avcb-materials-bonus-grid .avcb-resource-access {
display: block;
margin-bottom: 12px;
}
.avcb-materials-bonus-grid .avcb-button {
width: 100%;
justify-content: center;
text-align: center;
}
@media (max-width: 900px) {
.avcb-materials-featured .avcb-material-card.is-main {
grid-template-columns: minmax(220px, 40%) 1fr;
}
.avcb-materials-bonus-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.avcb-materials-section-heading {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
}
@media (max-width: 640px) {
.avcb-materials-featured .avcb-material-card.is-main {
display: flex;
min-height: 0;
}
.avcb-materials-featured .avcb-material-card.is-main .avcb-material-thumb {
min-height: 260px;
border-right: 0;
border-bottom: 1px solid var(--avcb-line);
}
.avcb-materials-featured .avcb-material-card.is-main .avcb-material-body {
padding: 22px;
}
.avcb-materials-bonus-grid {
grid-template-columns: 1fr;
}
} .avcb-page-back {
width: 100%;
}
.avcb-page-back-top {
margin: 0 0 14px;
}
.avcb-page-back-bottom {
margin: 28px 0 4px;
}
.avcb-page-back a {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--avcb-deep-2);
font-size: 15px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
}
.avcb-page-back a:hover,
.avcb-page-back a:focus {
text-decoration: underline;
} .avcb-home {
padding-bottom: 20px;
}
.avcb-home-hero,
.avcb-home-member-hero {
border-radius: 28px;
overflow: hidden;
margin-bottom: 34px;
box-shadow: 0 18px 50px rgba(23, 33, 58, .10);
}
.avcb-home-hero {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
background: linear-gradient(135deg, var(--avcb-deep-2), var(--avcb-deep));
color: #fff;
}
.avcb-home-hero-copy {
padding: clamp(34px, 6vw, 70px);
}
.avcb-home-hero h1,
.avcb-home-member-hero h1 {
margin: 10px 0 18px;
color: #fff;
font-size: clamp(38px, 5.4vw, 66px);
line-height: 1.02;
letter-spacing: -.025em;
}
.avcb-home-hero-copy > p,
.avcb-home-member-hero p {
max-width: 760px;
margin: 0;
color: #edf0f4;
font-size: 18px;
line-height: 1.65;
}
.avcb-home-actions {
margin-top: 26px;
}
.avcb-home-login-note {
margin-top: 20px !important;
font-size: 14px !important;
color: rgba(255,255,255,.78) !important;
}
.avcb-home-login-note a {
color: #fff;
font-weight: 800;
}
.avcb-home-hero-panel {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(28px, 4vw, 48px);
background: rgba(255,255,255,.085);
border-left: 1px solid rgba(255,255,255,.13);
}
.avcb-home-hero-panel .avcb-card-eyebrow {
color: #f2c5bc;
}
.avcb-home-hero-panel > strong {
display: block;
margin: 9px 0 12px;
font-size: 28px;
line-height: 1.12;
}
.avcb-home-hero-panel p {
margin: 0;
color: rgba(255,255,255,.84);
line-height: 1.6;
}
.avcb-home-mini-flow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 24px;
}
.avcb-home-mini-flow span {
padding: 7px 11px;
border-radius: 999px;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.18);
font-size: 12px;
font-weight: 800;
}
.avcb-home-mini-flow i {
font-style: normal;
opacity: .7;
}
.avcb-home-section {
padding: clamp(28px, 5vw, 52px) 0;
}
.avcb-home-section + .avcb-home-section {
border-top: 1px solid rgba(38,50,63,.08);
}
.avcb-home-section-head {
max-width: 800px;
margin-bottom: 24px;
}
.avcb-home-section-head h2 {
margin: 7px 0 10px;
color: var(--avcb-ink);
font-size: clamp(30px, 4vw, 44px);
line-height: 1.08;
letter-spacing: -.02em;
}
.avcb-home-section-head p {
margin: 0;
color: var(--avcb-muted);
font-size: 17px;
line-height: 1.65;
}
.avcb-home-path-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.avcb-home-path-card {
min-height: 270px;
display: flex;
flex-direction: column;
padding: 26px;
border: 1px solid var(--avcb-line);
border-radius: 22px;
background: #fff;
box-shadow: 0 10px 32px rgba(39,50,63,.045);
}
.avcb-home-path-card-featured {
background: #fbf7f4;
border-color: #e3d1c9;
}
.avcb-home-upgrade-card {
background: linear-gradient(180deg, #fffaf7, #fff);
border-color: #ddc7bd;
}
.avcb-home-path-card h3 {
margin: 10px 0 10px;
color: var(--avcb-ink);
font-size: 25px;
line-height: 1.14;
}
.avcb-home-path-card p {
margin: 0;
color: var(--avcb-muted);
line-height: 1.62;
}
.avcb-home-path-card .avcb-card-link {
margin-top: auto;
}
.avcb-home-topic-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 12px;
}
.avcb-home-topic {
padding: 20px;
border-radius: 16px;
background: #fbf8f6;
border: 1px solid #eee6e1;
}
.avcb-home-topic strong,
.avcb-home-topic span {
display: block;
}
.avcb-home-topic strong {
color: var(--avcb-ink);
margin-bottom: 6px;
font-size: 17px;
}
.avcb-home-topic span {
color: var(--avcb-muted);
line-height: 1.5;
font-size: 14px;
}
.avcb-home-level-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.avcb-home-level-grid article {
padding: clamp(26px, 4vw, 38px);
border-radius: 22px;
border: 1px solid var(--avcb-line);
background: #fff;
}
.avcb-home-level-grid article.is-premium {
background: linear-gradient(135deg, #fff9f6, #fff);
border-color: #ddc7bd;
}
.avcb-home-level-grid h3 {
margin: 18px 0 10px;
color: var(--avcb-ink);
font-size: 26px;
}
.avcb-home-level-grid p {
margin: 0;
color: var(--avcb-muted);
line-height: 1.62;
}
.avcb-home-showcase-grid {
display: grid;
grid-template-columns: 1.35fr repeat(3, minmax(0,1fr));
gap: 16px;
align-items: stretch;
}
.avcb-home-showcase-card {
overflow: hidden;
border: 1px solid var(--avcb-line);
border-radius: 20px;
background: #fff;
}
.avcb-home-showcase-image {
height: 230px;
padding: 14px;
display: flex;
align-items: center;
justify-content: center;
background: #f7f3ee;
}
.avcb-home-showcase-card.is-main .avcb-home-showcase-image {
height: 300px;
}
.avcb-home-showcase-image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.avcb-home-showcase-image > span {
color: var(--avcb-muted);
font-weight: 800;
}
.avcb-home-showcase-card > div:last-child {
padding: 16px 18px 20px;
}
.avcb-home-showcase-card > div:last-child > span,
.avcb-home-showcase-card > div:last-child > strong {
display: block;
}
.avcb-home-showcase-card > div:last-child > span {
margin-bottom: 4px;
color: #8a625b;
font-size: 10px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.avcb-home-showcase-card > div:last-child > strong {
color: var(--avcb-ink);
line-height: 1.3;
}
.avcb-home-section-action {
margin-top: 22px;
}
.avcb-home-closing {
margin-top: 32px;
padding: clamp(30px, 5vw, 48px);
border-radius: 24px;
background: var(--avcb-deep-2);
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.avcb-home-closing h2 {
margin: 7px 0 8px;
color: #fff;
font-size: clamp(28px, 4vw, 42px);
}
.avcb-home-closing p {
max-width: 720px;
margin: 0;
color: rgba(255,255,255,.82);
line-height: 1.6;
}
.avcb-home-member-hero {
padding: clamp(34px, 6vw, 64px);
background: linear-gradient(135deg, var(--avcb-deep-2), var(--avcb-deep));
color: #fff;
}
.avcb-home-member-hero .avcb-actions {
margin-top: 26px;
}
.avcb-home-member-footer {
margin-top: 28px;
padding: 20px 22px;
border-radius: 18px;
border: 1px solid var(--avcb-line);
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.avcb-home-member-footer strong,
.avcb-home-member-footer span {
display: block;
}
.avcb-home-member-footer strong {
color: var(--avcb-ink);
}
.avcb-home-member-footer span {
margin-top: 3px;
color: var(--avcb-muted);
font-size: 14px;
}
.avcb-home-member-footer > a {
white-space: nowrap;
color: var(--avcb-deep);
text-decoration: none;
font-weight: 800;
}
@media (max-width: 980px) {
.avcb-home-hero {
grid-template-columns: 1fr;
}
.avcb-home-hero-panel {
border-left: 0;
border-top: 1px solid rgba(255,255,255,.13);
}
.avcb-home-path-grid,
.avcb-home-topic-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
.avcb-home-showcase-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
@media (max-width: 640px) {
.avcb-home-hero,
.avcb-home-member-hero {
border-radius: 20px;
}
.avcb-home-path-grid,
.avcb-home-topic-grid,
.avcb-home-level-grid,
.avcb-home-showcase-grid {
grid-template-columns: 1fr;
}
.avcb-home-showcase-card.is-main .avcb-home-showcase-image,
.avcb-home-showcase-image {
height: 250px;
}
.avcb-home-closing,
.avcb-home-member-footer {
align-items: flex-start;
flex-direction: column;
}
} .avcb-home-product-panel {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: clamp(22px, 3vw, 36px);
background: #ffffff;
color: var(--avcb-ink);
border-left: 1px solid rgba(23, 33, 58, .08);
}
.avcb-home-product-visual {
flex: 1 1 auto;
min-height: 0;
display: flex;
align-items: center;
justify-content: center;
}
.avcb-home-product-visual img {
display: block;
width: min(100%, 390px);
max-height: 600px;
object-fit: contain;
filter: drop-shadow(0 18px 22px rgba(23, 33, 58, .16));
}
.avcb-home-product-meta {
width: min(100%, 390px);
margin: 12px auto 0;
padding-top: 16px;
border-top: 1px solid rgba(38, 50, 63, .10);
}
.avcb-home-product-meta .avcb-card-eyebrow {
margin-bottom: 5px;
color: #9a5f54;
}
.avcb-home-product-meta > strong {
display: block;
color: var(--avcb-ink);
font-size: 22px;
line-height: 1.2;
}
.avcb-home-product-badges {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 12px;
}
.avcb-home-product-badges span {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 5px 10px;
border-radius: 999px;
background: #f8f3ef;
border: 1px solid #eadfd9;
color: #6f504a;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
}
@media (max-width: 980px) {
.avcb-home-product-panel {
border-left: 0;
border-top: 1px solid rgba(23, 33, 58, .08);
padding: 28px;
}
.avcb-home-product-visual img {
width: min(100%, 360px);
max-height: 500px;
}
}
@media (max-width: 640px) {
.avcb-home-product-panel {
padding: 22px 18px 24px;
}
.avcb-home-product-visual img {
width: min(100%, 300px);
max-height: 430px;
}
.avcb-home-product-meta {
width: min(100%, 320px);
}
} .avcb-home-product-panel {
background: linear-gradient(180deg, #ffffff 0%, #fcfaf7 100%);
}
.avcb-home-product-visual {
padding: 8px 0 2px;
}
.avcb-home-product-visual img {
width: min(100%, 400px);
max-height: 620px;
} @media (max-width: 640px) { body:has(.avcb-home) .entry-content,
body:has(.avcb-home) .wp-block-post-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
.avcb-home {
width: 100%;
padding-bottom: 8px;
} .avcb-home-hero,
.avcb-home-member-hero {
margin-bottom: 22px;
border-radius: 18px;
box-shadow: 0 10px 30px rgba(23, 33, 58, .09);
}
.avcb-home-hero-copy {
padding: 28px 22px 24px;
}
.avcb-home-hero h1,
.avcb-home-member-hero h1 {
margin: 8px 0 14px;
font-size: 32px;
line-height: 1.06;
letter-spacing: -.02em;
}
.avcb-home-hero-copy > p,
.avcb-home-member-hero p {
font-size: 16px;
line-height: 1.52;
}
.avcb-home .avcb-eyebrow,
.avcb-home .avcb-card-eyebrow {
font-size: 10px;
letter-spacing: .10em;
}
.avcb-home-actions {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
margin-top: 20px;
}
.avcb-home-actions .avcb-button {
width: 100%;
min-height: 46px;
padding: 10px 14px;
border-radius: 11px;
font-size: 15px;
line-height: 1.25;
text-align: center;
}
.avcb-home-login-note {
margin-top: 15px !important;
font-size: 13px !important;
line-height: 1.45 !important;
} .avcb-home-product-panel {
padding: 18px 18px 20px;
border-top: 1px solid rgba(23, 33, 58, .08);
}
.avcb-home-product-visual {
padding: 2px 0 0;
}
.avcb-home-product-visual img {
width: min(68vw, 230px);
max-height: 315px;
filter: drop-shadow(0 12px 16px rgba(23, 33, 58, .13));
}
.avcb-home-product-meta {
width: min(100%, 300px);
margin-top: 8px;
padding-top: 12px;
text-align: center;
}
.avcb-home-product-meta > strong {
font-size: 20px;
}
.avcb-home-product-badges {
justify-content: center;
gap: 6px;
margin-top: 10px;
}
.avcb-home-product-badges span {
min-height: 28px;
padding: 4px 9px;
font-size: 10.5px;
} .avcb-home-section {
padding: 26px 0;
}
.avcb-home-section-head {
margin-bottom: 17px;
}
.avcb-home-section-head h2 {
margin: 6px 0 8px;
font-size: 30px;
line-height: 1.08;
letter-spacing: -.015em;
}
.avcb-home-section-head p {
font-size: 16px;
line-height: 1.52;
} .avcb-home-path-grid {
gap: 12px;
}
.avcb-home-path-card {
min-height: 0;
padding: 20px;
border-radius: 18px;
box-shadow: 0 6px 20px rgba(39, 50, 63, .035);
}
.avcb-home-path-card h3 {
margin: 8px 0 8px;
font-size: 23px;
line-height: 1.12;
}
.avcb-home-path-card p {
font-size: 15.5px;
line-height: 1.5;
}
.avcb-home-path-card .avcb-card-link {
margin-top: 16px;
padding-top: 0;
font-size: 15px;
} .avcb-home-topic-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
.avcb-home-topic {
min-width: 0;
padding: 14px;
border-radius: 14px;
}
.avcb-home-topic strong {
margin-bottom: 5px;
font-size: 16px;
line-height: 1.2;
}
.avcb-home-topic span {
font-size: 13px;
line-height: 1.4;
} .avcb-home-level-grid {
gap: 12px;
}
.avcb-home-level-grid article {
padding: 20px;
border-radius: 18px;
}
.avcb-home-level-grid h3 {
margin: 14px 0 8px;
font-size: 23px;
line-height: 1.15;
}
.avcb-home-level-grid p {
font-size: 15px;
line-height: 1.5;
} .avcb-home-showcase-grid {
display: flex;
gap: 12px;
overflow-x: auto;
padding: 2px 2px 12px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.avcb-home-showcase-grid::-webkit-scrollbar {
display: none;
}
.avcb-home-showcase-card,
.avcb-home-showcase-card.is-main {
flex: 0 0 min(76vw, 285px);
scroll-snap-align: start;
border-radius: 17px;
}
.avcb-home-showcase-card.is-main .avcb-home-showcase-image,
.avcb-home-showcase-image {
height: 220px;
}
.avcb-home-showcase-card > div:last-child {
padding: 14px 15px 17px;
}
.avcb-home-section-action .avcb-button {
width: 100%;
} .avcb-home-closing {
margin-top: 20px;
padding: 24px 20px;
border-radius: 20px;
gap: 18px;
}
.avcb-home-closing h2 {
margin: 6px 0 8px;
font-size: 30px;
line-height: 1.08;
}
.avcb-home-closing p {
font-size: 15.5px;
line-height: 1.5;
}
.avcb-home-closing .avcb-actions {
width: 100%;
margin-top: 0;
} .avcb-home-member-hero {
padding: 28px 22px;
}
.avcb-home-member-footer {
margin-top: 20px;
padding: 17px;
border-radius: 15px;
gap: 12px;
}
.avcb-home-member-footer > a {
white-space: normal;
}
}
@media (max-width: 350px) {
.avcb-home-hero h1,
.avcb-home-member-hero h1,
.avcb-home-section-head h2,
.avcb-home-closing h2 {
font-size: 28px;
}
.avcb-home-topic-grid {
grid-template-columns: 1fr;
}
.avcb-home-product-visual img {
width: min(74vw, 210px);
}
} .avcb-auth-page,
.avcb-account-page {
padding: 24px 0 36px;
}
.avcb-auth-shell {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .75fr);
gap: 0;
overflow: hidden;
border-radius: 26px;
background: #fff;
border: 1px solid var(--avcb-line);
box-shadow: 0 18px 50px rgba(23,33,58,.08);
}
.avcb-auth-shell-narrow {
max-width: 980px;
margin: 0 auto;
}
.avcb-auth-copy {
padding: clamp(34px, 6vw, 66px);
background: linear-gradient(135deg, var(--avcb-deep-2), var(--avcb-deep));
color: #fff;
}
.avcb-auth-copy h1 {
margin: 10px 0 14px;
color: #fff;
font-size: clamp(36px,5vw,56px);
line-height: 1.04;
}
.avcb-auth-copy > p {
margin: 0;
color: rgba(255,255,255,.84);
font-size: 17px;
line-height: 1.6;
}
.avcb-auth-side-note {
margin-top: 28px;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,.15);
}
.avcb-auth-side-note strong,
.avcb-auth-side-note a { display:block; }
.avcb-auth-side-note strong { margin-bottom:8px; }
.avcb-auth-side-note a { color:#fff; margin-top:6px; font-weight:700; }
.avcb-auth-card {
padding: clamp(28px,5vw,48px);
display:flex;
flex-direction:column;
justify-content:center;
}
.avcb-auth-card > strong { font-size:24px; color:var(--avcb-ink); }
.avcb-auth-card > span { color:var(--avcb-muted); margin-top:4px; }
.avcb-auth-actions { display:grid; gap:10px; margin-top:22px; }
.avcb-auth-form { display:grid; gap:15px; }
.avcb-auth-form label { display:grid; gap:6px; color:var(--avcb-ink); font-size:14px; font-weight:700; }
.avcb-auth-form input[type="text"],
.avcb-auth-form input[type="email"],
.avcb-auth-form input[type="password"] {
width:100%; min-height:46px; padding:10px 12px; border:1px solid #d7dce1; border-radius:10px; background:#fff; color:var(--avcb-ink); font:inherit;
}
.avcb-auth-form input:focus { outline:2px solid rgba(180,105,91,.18); border-color:#b4695b; }
.avcb-auth-check { display:flex !important; grid-template-columns:auto 1fr; align-items:center; gap:8px !important; font-weight:500 !important; }
.avcb-auth-check input { width:auto; }
.avcb-auth-text-link { margin-top:16px; color:var(--avcb-deep); font-weight:800; text-decoration:none; }
.avcb-auth-notice {
margin:0 0 18px; padding:12px 14px; border-radius:10px; font-size:14px; line-height:1.45;
}
.avcb-auth-notice.is-error { background:#fff2f0; border:1px solid #efc6bf; color:#7b3f35; }
.avcb-auth-notice.is-success { background:#f0f8f3; border:1px solid #c7e2cf; color:#315e3d; }
.avcb-account-hero {
display:flex; align-items:flex-end; justify-content:space-between; gap:22px; padding:34px 38px; margin-bottom:22px; border-radius:24px; background:linear-gradient(135deg,var(--avcb-deep-2),var(--avcb-deep)); color:#fff;
}
.avcb-account-hero h1 { margin:6px 0 4px; color:#fff; font-size:clamp(34px,5vw,52px); }
.avcb-account-hero p { margin:0; color:rgba(255,255,255,.8); }
.avcb-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.avcb-account-card { padding:24px; border:1px solid var(--avcb-line); border-radius:19px; background:#fff; box-shadow:0 8px 26px rgba(39,50,63,.035); }
.avcb-account-card h2 { margin:8px 0 10px; color:var(--avcb-ink); font-size:24px; line-height:1.18; }
.avcb-account-muted { color:var(--avcb-muted); line-height:1.55; }
.avcb-account-rights { margin:14px 0 18px; padding-left:20px; color:var(--avcb-ink); }
.avcb-account-rights li + li { margin-top:6px; }
.avcb-account-hint { margin:0; color:var(--avcb-muted); font-size:12px; line-height:1.45; }
.avcb-account-footer-actions { display:flex; gap:10px; margin-top:22px; flex-wrap:wrap; }
@media (max-width: 780px) {
.avcb-auth-shell { grid-template-columns:1fr; border-radius:20px; }
.avcb-auth-copy { padding:30px 22px 26px; }
.avcb-auth-copy h1 { font-size:34px; }
.avcb-auth-card { padding:26px 22px; }
.avcb-account-hero { align-items:flex-start; flex-direction:column; padding:28px 22px; border-radius:20px; }
.avcb-account-grid { grid-template-columns:1fr; gap:12px; }
.avcb-account-card { padding:20px; }
.avcb-account-footer-actions { display:grid; grid-template-columns:1fr; }
.avcb-account-footer-actions .avcb-button { width:100%; }
} .avcb-formation-hero {
padding: clamp(34px, 6vw, 62px);
border-radius: 26px;
background: linear-gradient(135deg, var(--avcb-deep-2), var(--avcb-deep));
color: #fff;
box-shadow: 0 18px 48px rgba(23,33,58,.10);
}
.avcb-formation-hero h1 {
margin: 8px 0 14px;
color: #fff;
font-size: clamp(38px, 5vw, 58px);
line-height: 1.04;
letter-spacing: -.02em;
}
.avcb-formation-hero p {
max-width: 800px;
margin: 0;
color: rgba(255,255,255,.86);
font-size: 17px;
line-height: 1.65;
}
.avcb-formation-hero .avcb-meta-row { margin-top: 22px; }
.avcb-formation-section { padding: 38px 0 18px; }
.avcb-course-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 18px;
}
.avcb-course-card {
overflow: hidden;
display: flex;
flex-direction: column;
min-width: 0;
border: 1px solid var(--avcb-line);
border-radius: 20px;
background: #fff;
box-shadow: 0 8px 26px rgba(39,50,63,.045);
}
.avcb-course-card.is-locked { background: #fcfaf8; }
.avcb-course-image {
height: 190px;
display: flex;
align-items: center;
justify-content: center;
background: #f3efea;
overflow: hidden;
}
.avcb-course-image img { width:100%; height:100%; object-fit:cover; display:block; }
.avcb-course-image span { color:var(--avcb-muted); font-weight:800; }
.avcb-course-body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
padding: 22px;
}
.avcb-course-body h3 {
margin: 12px 0 8px;
color: var(--avcb-ink);
font-size: 24px;
line-height: 1.15;
}
.avcb-course-body p {
margin: 0;
color: var(--avcb-muted);
font-size: 15px;
line-height: 1.55;
}
.avcb-course-body .avcb-card-link { margin-top:auto; padding-top:20px; }
.avcb-badge-premium { background:#fff5f1; border-color:#e9cfc6; color:#86584e; }
.avcb-empty-state {
margin: 26px 0;
padding: clamp(28px,5vw,44px);
border: 1px solid var(--avcb-line);
border-radius: 22px;
background: #fff;
}
.avcb-empty-state h1,
.avcb-empty-state h2 { margin:7px 0 10px; color:var(--avcb-ink); }
.avcb-empty-state p { max-width:760px; color:var(--avcb-muted); line-height:1.6; }
@media (max-width: 980px) {
.avcb-course-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
.avcb-formation-hero { padding:28px 22px; border-radius:18px; }
.avcb-formation-hero h1 { font-size:32px; }
.avcb-formation-hero p { font-size:15.5px; line-height:1.52; }
.avcb-formation-section { padding-top:28px; }
.avcb-course-grid { grid-template-columns:1fr; gap:12px; }
.avcb-course-image { height:180px; }
.avcb-course-body { padding:19px; }
.avcb-course-body h3 { font-size:22px; }
} .avcb-account-formation {
grid-column: 1 / -1;
}
.avcb-account-formation-head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 24px;
margin-bottom: 18px;
}
.avcb-account-formation-head > div {
min-width: 0;
}
.avcb-account-formation-head .avcb-account-muted {
margin-bottom: 0;
}
.avcb-account-formation-all {
flex: 0 0 auto;
margin-top: 0 !important;
}
.avcb-account-course-list {
display: grid;
gap: 10px;
}
.avcb-account-course {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(150px, 240px) auto;
align-items: center;
gap: 18px;
padding: 15px 17px;
border: 1px solid var(--avcb-line);
border-radius: 14px;
background: #fbfaf8;
}
.avcb-account-course-main {
display: grid;
gap: 4px;
min-width: 0;
}
.avcb-account-course-main strong {
color: var(--avcb-ink);
font-size: 16px;
line-height: 1.3;
}
.avcb-account-course-main span {
color: var(--avcb-muted);
font-size: 13px;
line-height: 1.4;
}
.avcb-account-course-progress {
height: 7px;
overflow: hidden;
border-radius: 999px;
background: #e9e5e1;
}
.avcb-account-course-progress span {
display: block;
height: 100%;
border-radius: inherit;
background: var(--avcb-accent, #b4695b);
}
.avcb-account-course .avcb-card-link {
margin-top: 0;
white-space: nowrap;
}
@media (max-width: 780px) {
.avcb-account-formation-head {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
.avcb-account-course {
grid-template-columns: 1fr;
gap: 10px;
padding: 15px;
}
.avcb-account-course-progress {
width: 100%;
}
.avcb-account-course .avcb-card-link {
white-space: normal;
}
} body.avcb-authenticated-area .site-content,
body.avcb-authenticated-area #content {
background-color: #faf5e5 !important;
} body.avcb-authenticated-area .site-content > .ast-container,
body.avcb-authenticated-area #content > .ast-container,
body.avcb-authenticated-area .site-main {
background-color: transparent !important;
} body.avcb-authenticated-area .avcb-community {
padding-top: 28px;
padding-bottom: 36px;
} .avcb-page-back-bottom,
.avcb-materials-back {
margin-top: 28px;
margin-bottom: 0;
}
.avcb-page-back-bottom a,
.avcb-materials-back a {
color: var(--avcb-deep);
text-decoration: none;
font-weight: 800;
}
.avcb-page-back-bottom a:hover,
.avcb-materials-back a:hover {
text-decoration: underline;
}
@media (max-width: 780px) {
body.avcb-authenticated-area .avcb-community {
padding-top: 18px;
padding-bottom: 28px;
}
.avcb-page-back-bottom,
.avcb-materials-back {
margin-top: 22px;
} .avcb-account-page,
.avcb-resources,
.avcb-formation,
.avcb-materials {
width: 100%;
min-width: 0;
}
.avcb-account-card,
.avcb-resource-card,
.avcb-course-card,
.avcb-material-card {
min-width: 0;
}
} body.avcb-authenticated-area .site-content,
body.avcb-authenticated-area #content,
body.avcb-authenticated-area .site-content > .ast-container,
body.avcb-authenticated-area #content > .ast-container,
body.avcb-authenticated-area .content-area,
body.avcb-authenticated-area .site-main,
body.avcb-authenticated-area article.page,
body.avcb-authenticated-area article.type-page,
body.avcb-authenticated-area .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.avcb-authenticated-area .site-content > .ast-container,
body.avcb-authenticated-area #content > .ast-container {
align-items: flex-start;
} body.avcb-authenticated-area .avcb-community {
padding-top: 34px !important;
} body.avcb-authenticated-area .entry-header:empty,
body.avcb-authenticated-area .entry-title:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 780px) {
body.avcb-authenticated-area .avcb-community {
padding-top: 20px !important;
}
} body.avcb-authenticated-area
#content > .ast-container > .elementor > .e-con > .e-con-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
} body.avcb-authenticated-area
.site-content > .ast-container > .elementor > .e-con > .e-con-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}  body.avcb-screen-community
.elementor > .e-con > .e-con-inner {
padding-top: 92px !important;
padding-bottom: 0 !important;
} body.avcb-screen-formation
.elementor > .e-con {
padding-top: 0 !important;
padding-bottom: 0 !important;
} body.avcb-authenticated-area #masthead,
body.avcb-authenticated-area .site-header,
body.avcb-authenticated-area .ast-primary-header-bar,
body.avcb-authenticated-area .main-header-bar {
background-color: #ffffff !important;
} @media (max-width: 780px) {
body.avcb-screen-community
.elementor > .e-con > .e-con-inner {
padding-top: 76px !important;
}
} .avcb-community.avcb-premium-page {
padding-top: 34px;
}
@media (max-width: 640px) {
.avcb-community.avcb-premium-page {
padding-top: 20px;
}
}