/* Scoped to .cb-scope by bin/scope-css.php from: trar-fonts.css, tokens.css, base.css, typography.css, btn.css, cards.css, stars.css, accred.css — edit the sources, not this file. */
@font-face{font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/montserrat-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: "Gotham";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local("Gotham Book"), local("Gotham-Book");}
@font-face{font-family: "Gotham";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: local("Gotham Book Italic"), local("Gotham-BookItalic");}
@font-face{font-family: "Gotham";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: local("Gotham Bold"), local("Gotham-Bold");}
@font-face{font-family: "Gotham";
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: local("Gotham Black"), local("Gotham-Black");}
.cb-scope{--ta-font: "Gotham", "Montserrat", "Helvetica Neue", Arial, sans-serif;
    --ta-fw-book: 400;
    --ta-fw-medium: 500;
    --ta-fw-bold: 700;
    --ta-fw-black: 900;

    
    --ta-primary: #f1aa17;          
    --ta-orange: #f6a233;           
    --ta-orange-hover: #e8921f;
    --ta-yellow: #faca40;           
    --ta-sun: #f9b400;              
    --ta-navy: #163c66;             
    --ta-navy-ink: #02274a;         
    --ta-ink: #282e48;              
    --ta-blue: #3b4ee3;             
    --ta-link: #3b4fe4;

    
    --ta-black: #000000;
    --ta-white: #ffffff;
    --ta-dark: #3f3f3f;             
    --ta-gray-555: #555555;
    --ta-gray-828: #828282;
    --ta-gray-869: #86919d;
    --ta-gray-b4: #b4b4b4;
    --ta-gray-e1: #e1e1e1;
    --ta-gray-fb: #fbfbfb;

    
    --ta-green: #7ed957;
    --ta-green-dark: #31a400;
    --ta-red: #dc3942;
    --ta-red-dark: #bc1727;
    --ta-red-badge: #ff3131;

    
    --ta-peach: #fde3c6;            
    --ta-peach-soft: #fdebd8;
    --ta-mint: #fafdf4;             
    --ta-cream: #fef6e2;            
    --ta-page-top: #fffefd;
    --ta-page-bottom: #fff3e6;
    --ta-page-bg: linear-gradient(180deg, var(--ta-page-top) 0%, var(--ta-page-bottom) 100%);

    
    --ta-container: 1140px;         
    --ta-container-wide: 1210px;    
    --ta-container-xl: 1365px;      
    --ta-gutter: 15px;
    --ta-section-y: 80px;

    
    --ta-radius-4: 4px;
    --ta-radius-6: 6px;
    --ta-radius-8: 8px;
    --ta-radius-12: 12px;
    --ta-radius-16: 16px;
    --ta-radius-20: 20px;
    --ta-radius-24: 24px;
    --ta-radius-pill: 999px;

    
    --ta-fs-60: 3.75rem;            
    --ta-fs-46: 2.875rem;           
    --ta-fs-39: 2.4375rem;          
    --ta-fs-37: 2.3125rem;          
    --ta-fs-33: 2.0625rem;          
    --ta-fs-30: 1.875rem;           
    --ta-fs-27: 1.6875rem;          
    --ta-fs-24: 1.5rem;             
    --ta-fs-21: 1.3125rem;          
    --ta-fs-20: 1.25rem;            
    --ta-fs-18: 1.125rem;           
    --ta-fs-16: 1rem;               
    --ta-fs-15: 0.9375rem;          
    --ta-fs-14: 0.875rem;           
    --ta-fs-13: 0.8125rem;          
    --ta-fs-12: 0.75rem;            
    --ta-fs-11: 0.6875rem;
    --ta-fs-10: 0.625rem;

    
    --ta-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
    --ta-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.1);
    --ta-shadow-blob: rgba(30, 28, 28, 0.18);

    
    --ta-ease: 0.2s ease;}
:where(.cb-scope) *,:where(.cb-scope) *::before,:where(.cb-scope) *::after{box-sizing: border-box;}
.cb-scope{scroll-behavior: smooth;}
.cb-scope{margin: 0;
    font-family: var(--ta-font);
    font-weight: var(--ta-fw-book);
    font-size: var(--ta-fs-16);
    line-height: 1.5;
    color: var(--ta-black);
    background: var(--ta-page-bg);
    background-color: var(--ta-page-bottom);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;}
:where(.cb-scope) h1,:where(.cb-scope) h2,:where(.cb-scope) h3,:where(.cb-scope) h4,:where(.cb-scope) h5,:where(.cb-scope) h6{font-family: var(--ta-font);
    font-weight: var(--ta-fw-bold);
    line-height: 1.2;
    color: inherit;
    margin: 0;}
:where(.cb-scope) p{margin: 0 0 1em;}
:where(.cb-scope) p:last-child{margin-bottom: 0;}
:where(.cb-scope) a{color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--ta-ease), background-color var(--ta-ease), border-color var(--ta-ease), opacity var(--ta-ease);}
:where(.cb-scope) a:hover{color: inherit;}
:where(.cb-scope) button,:where(.cb-scope) [role="button"],:where(.cb-scope) input[type="submit"],:where(.cb-scope) input[type="button"],:where(.cb-scope) input[type="checkbox"],:where(.cb-scope) input[type="radio"],:where(.cb-scope) label[for],:where(.cb-scope) select,:where(.cb-scope) summary{cursor: pointer;}
:where(.cb-scope) button{font-family: inherit;}
:where(.cb-scope) button:disabled,:where(.cb-scope) .disabled{cursor: not-allowed;}
:where(.cb-scope) input,:where(.cb-scope) textarea,:where(.cb-scope) select{font-family: inherit;}
:where(.cb-scope) img,:where(.cb-scope) svg,:where(.cb-scope) video{max-width: 100%;
    vertical-align: middle;}
:where(.cb-scope) img{height: auto;}
:where(.cb-scope) ul,:where(.cb-scope) ol{margin: 0;
    padding: 0;}
:where(.cb-scope) del{text-decoration-thickness: 1px;}
:where(.cb-scope) :focus-visible{outline: 2px solid var(--ta-orange);
    outline-offset: 2px;}
:where(.cb-scope) ::selection{background: var(--ta-primary);
    color: var(--ta-white);}
:where(.cb-scope) .ta-container,:where(.cb-scope) .ta-container-wide,:where(.cb-scope) .ta-container-xl{width: 100%;
    margin-inline: auto;
    padding-inline: var(--ta-gutter);}
:where(.cb-scope) .ta-container{max-width: var(--ta-container);}
:where(.cb-scope) .ta-container-wide{max-width: var(--ta-container-wide);}
:where(.cb-scope) .ta-container-xl{max-width: var(--ta-container-xl);}
:where(.cb-scope) .ta-section{padding-block: var(--ta-section-y);}
:where(.cb-scope) .ta-text-primary{color: var(--ta-primary);}
:where(.cb-scope) .ta-text-navy{color: var(--ta-navy);}
:where(.cb-scope) .ta-bg-dark{background-color: var(--ta-dark); color: var(--ta-white);}
:where(.cb-scope) .ta-bg-black{background-color: var(--ta-black); color: var(--ta-white);}
:where(.cb-scope) .ta-bg-mint{background-color: var(--ta-mint);}
:where(.cb-scope) .ta-bg-cream{background-color: var(--ta-cream);}
@media (max-width: 991.98px){
.cb-scope{--ta-section-y: 60px;
        --ta-fs-60: 2.875rem;
        --ta-fs-46: 2.25rem;
        --ta-fs-39: 2rem;
        --ta-fs-37: 2rem;
        --ta-fs-33: 1.75rem;}
}
@media (max-width: 575.98px){
.cb-scope{--ta-section-y: 48px;
        --ta-fs-60: 2.375rem;
        --ta-fs-46: 1.875rem;
        --ta-fs-39: 1.75rem;
        --ta-fs-37: 1.75rem;
        --ta-fs-33: 1.5rem;
        --ta-fs-30: 1.5rem;
        --ta-fs-27: 1.375rem;}
}
:where(.cb-scope) .ta-title{margin: 0;
    font-size: var(--ta-fs-39);
    font-weight: var(--ta-fw-book);
    line-height: 1.2;
    color: var(--ta-black);}
:where(.cb-scope) .ta-title strong,:where(.cb-scope) .ta-title b{font-weight: var(--ta-fw-bold);}
:where(.cb-scope) .ta-title-lg{font-size: var(--ta-fs-46);
    letter-spacing: -0.03em;}
:where(.cb-scope) .ta-title-bold{font-weight: var(--ta-fw-bold);}
:where(.cb-scope) .ta-title-white{color: var(--ta-white);}
:where(.cb-scope) .ta-btn{display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 22px;
    border: 0;
    border-radius: var(--ta-radius-4);
    font-family: var(--ta-font);
    font-size: var(--ta-fs-15);
    font-weight: var(--ta-fw-book);
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--ta-ease), color var(--ta-ease), border-color var(--ta-ease), transform var(--ta-ease), box-shadow var(--ta-ease);}
:where(.cb-scope) .ta-btn:hover{transform: translateY(-1px);}
:where(.cb-scope) .ta-btn:active{transform: translateY(0);}
:where(.cb-scope) .ta-btn svg{flex-shrink: 0;}
:where(.cb-scope) .ta-btn-orange{background-color: var(--ta-orange);
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-orange:hover{background-color: var(--ta-orange-hover);
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-orange-white{background-color: var(--ta-orange);
    color: var(--ta-white);}
:where(.cb-scope) .ta-btn-orange-white:hover{background-color: var(--ta-orange-hover);
    color: var(--ta-white);}
:where(.cb-scope) .ta-btn-ink{background-color: var(--ta-ink);
    color: #fde4c6;}
:where(.cb-scope) .ta-btn-ink:hover{background-color: #1b2036;
    color: #fde4c6;}
:where(.cb-scope) .ta-btn-white{background-color: var(--ta-white);
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-white:hover{background-color: var(--ta-peach);
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-outline-navy{background-color: var(--ta-white);
    color: var(--ta-navy);
    border: 1px solid var(--ta-navy);}
:where(.cb-scope) .ta-btn-outline-navy:hover{background-color: var(--ta-navy);
    color: var(--ta-white);}
:where(.cb-scope) .ta-btn-pill{border-radius: var(--ta-radius-pill);}
:where(.cb-scope) .ta-btn-round{border-radius: var(--ta-radius-12);}
:where(.cb-scope) .ta-btn-yellow{background-color: var(--ta-yellow);
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-yellow:hover{background-color: #f5b90f;
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-sun{background-color: var(--ta-sun);
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-sun:hover{background-color: #e9a800;
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-outline-yellow{background-color: var(--ta-gray-fb);
    border: 2px solid var(--ta-yellow);
    color: var(--ta-black);}
:where(.cb-scope) .ta-btn-outline-yellow:hover{background-color: #fff7dc;
    color: var(--ta-black);}
:where(.cb-scope) .ta-chip{display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: var(--ta-radius-4);
    background-color: var(--ta-peach);
    font-size: var(--ta-fs-10);
    font-weight: var(--ta-fw-bold);
    line-height: 1.2;
    color: var(--ta-black);
    white-space: nowrap;}
:where(.cb-scope) .ta-star{width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: var(--ta-primary);}
:where(.cb-scope) .ta-ccard{position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--ta-white);
    border: 2px solid var(--ta-navy);
    border-radius: var(--ta-radius-20);
    transition: transform var(--ta-ease), box-shadow var(--ta-ease);}
:where(.cb-scope) .ta-ccard:hover{transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(22, 60, 102, 0.14);}
:where(.cb-scope) .ta-ccard-thumb{display: block;
    flex-shrink: 0;
    aspect-ratio: 600 / 354;
    overflow: hidden;
    margin: -2px -2px 0;            
    border-radius: var(--ta-radius-20) var(--ta-radius-20) 0 0;
    background-color: var(--ta-blue);}
:where(.cb-scope) .ta-ccard-thumb img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;}
:where(.cb-scope) .ta-ccard:hover .ta-ccard-thumb img{transform: scale(1.05);}
:where(.cb-scope) .ta-ccard-body{display: flex;
    flex-direction: column;
    flex: 1;
    padding: 8px 12px 0;}
:where(.cb-scope) .ta-ccard-rating{display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--ta-fs-15);
    line-height: 1;
    color: var(--ta-black);}
:where(.cb-scope) .ta-ccard-rating strong{font-weight: var(--ta-fw-bold);}
:where(.cb-scope) .ta-ccard-title{margin: 8px 0 0;
    padding-inline: 2px;
    font-size: 1.0625rem;
    font-weight: var(--ta-fw-book);
    line-height: 1.35;
    color: var(--ta-black);
    flex: 1;}
:where(.cb-scope) .ta-ccard-title a:hover{color: var(--ta-orange);}
:where(.cb-scope) .ta-ccard-tags{display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;}
:where(.cb-scope) .ta-ccard .ta-chip{padding: 6px 12px;
    font-size: var(--ta-fs-15);}
:where(.cb-scope) .ta-ccard .ta-star{width: 18px;
    height: 18px;}
:where(.cb-scope) .ta-ccard-foot{display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding: 12px 0 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.7);}
:where(.cb-scope) .ta-ccard-tags + .ta-ccard-foot{margin-top: 10px;}
:where(.cb-scope) .ta-ccard-price{display: flex;
    flex-direction: column;
    padding-left: 4px;
    line-height: 1.1;}
:where(.cb-scope) .ta-ccard-price del{font-size: var(--ta-fs-15);
    color: #8a8a8a;}
:where(.cb-scope) .ta-ccard-price ins{text-decoration: none;
    font-size: 1.375rem;
    font-weight: var(--ta-fw-bold);
    color: var(--ta-black);}
:where(.cb-scope) .ta-ccard-btn{min-width: 0;
    padding: 9px 14px;
    font-size: var(--ta-fs-16);}
:where(.cb-scope) .ta-scard{display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
    border-radius: 18px;
    background-color: var(--ta-white);
    transition: transform var(--ta-ease), box-shadow var(--ta-ease);}
:where(.cb-scope) .ta-scard:hover{transform: translateY(-4px);
    box-shadow: var(--ta-shadow-card);}
:where(.cb-scope) .ta-scard-thumb{display: block;
    overflow: hidden;
    border-radius: 14px;
    aspect-ratio: 250 / 149;
    background-color: var(--ta-blue);}
:where(.cb-scope) .ta-scard-thumb img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;}
:where(.cb-scope) .ta-scard:hover .ta-scard-thumb img{transform: scale(1.05);}
:where(.cb-scope) .ta-scard-body{display: flex;
    flex-direction: column;
    flex: 1;
    padding: 6px 0 2px;}
:where(.cb-scope) .ta-scard-title{margin: 0;
    padding-inline: 7px;
    font-size: 1.1875rem;
    font-weight: var(--ta-fw-book);
    line-height: 0.96;
    flex: 1;}
:where(.cb-scope) .ta-scard-title a:hover{color: var(--ta-orange);}
:where(.cb-scope) .ta-scard-meta{display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 2px;
    padding-inline: 4px;}
:where(.cb-scope) .ta-scard-stars{display: inline-flex;
    gap: 0;
    color: var(--ta-primary);}
:where(.cb-scope) .ta-scard-stars svg{width: 18px;
    height: 18px;
    fill: currentColor;}
:where(.cb-scope) .ta-scard-students{display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: var(--ta-fs-14);
    white-space: nowrap;}
:where(.cb-scope) .ta-scard-students svg{width: 20px;
    height: 15px;
    color: var(--ta-orange);}
:where(.cb-scope) .ta-scard-price{display: flex;
    align-items: baseline;
    gap: 14px;
    margin: 20px 0 0;
    padding-inline: 5px;
    line-height: 1;}
:where(.cb-scope) .ta-scard-price ins{text-decoration: none;
    font-size: 1.375rem;
    font-weight: var(--ta-fw-bold);}
:where(.cb-scope) .ta-scard-price del{font-size: 1.0625rem;
    color: #7a7a7a;}
:where(.cb-scope) .ta-scard-btns{display: flex;
    gap: 10px;
    margin-top: auto;
    padding-top: 22px;}
:where(.cb-scope) .ta-scard-btn{flex: 1 1 0;
    min-height: 36px;
    padding: 6px 8px;
    font-size: var(--ta-fs-11);
    text-transform: uppercase;
    letter-spacing: 0.02em;}
:where(.cb-scope) .ta-scard-btn.ta-btn-outline-navy{border-width: 2px;}
:where(.cb-scope) .ta-bcard{position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 22px;
    background:
        linear-gradient(var(--ta-white), var(--ta-white)) padding-box,
        linear-gradient(180deg, var(--ta-white) 0%, var(--ta-white) 72%, var(--ta-yellow) 72%) border-box;
    transition: transform var(--ta-ease);}
:where(.cb-scope) .ta-bcard::after{content: "";
    position: absolute;
    left: 50%;
    bottom: -34px;
    z-index: -1;
    width: 86%;
    height: 34px;
    border-radius: 50%;
    background: var(--ta-shadow-blob);
    filter: blur(18px);
    transform: translateX(-50%);}
:where(.cb-scope) .ta-bcard:hover{transform: translateY(-4px);}
:where(.cb-scope) .ta-bcard-thumb{position: relative;
    display: block;
    margin: 6px 9px 0;
    overflow: hidden;
    border-radius: 19px;
    aspect-ratio: 321 / 167;
    background-color: var(--ta-blue);}
:where(.cb-scope) .ta-bcard-thumb img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;}
:where(.cb-scope) .ta-bcard:hover .ta-bcard-thumb img{transform: scale(1.05);}
:where(.cb-scope) .ta-bcard-badge,:where(.cb-scope) .ta-bcard-off{position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 12px;
    border-radius: var(--ta-radius-pill);
    font-size: var(--ta-fs-11);
    line-height: 1;
    color: var(--ta-white);}
:where(.cb-scope) .ta-bcard-badge{top: 6px;
    left: 10px;
    min-width: 106px;
    background-color: var(--ta-orange);}
:where(.cb-scope) .ta-bcard-off{right: 7px;
    bottom: 7px;
    min-width: 75px;
    background-color: var(--ta-red-badge);}
:where(.cb-scope) .ta-bcard-body{display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 22px 0 24px;}
:where(.cb-scope) .ta-bcard-title{margin: 0;
    min-height: 2.6em;
    font-size: 1.0625rem;
    font-weight: var(--ta-fw-book);
    line-height: 1.3;
    flex: 1;}
:where(.cb-scope) .ta-bcard-title a:hover{color: var(--ta-orange);}
:where(.cb-scope) .ta-bcard-pills{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 15px;
    margin-top: 40px;}
:where(.cb-scope) .ta-bcard-pill{display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 8px;
    border-radius: var(--ta-radius-pill);
    background-color: var(--ta-peach);
    font-size: var(--ta-fs-11);
    line-height: 1;
    color: var(--ta-black);
    white-space: nowrap;}
:where(.cb-scope) .ta-bcard-pill-orange{grid-column: 1;
    background-color: var(--ta-orange);
    color: var(--ta-white);}
:where(.cb-scope) .ta-bcard-pill-orange + .ta-bcard-pill{grid-column: 1;}
:where(.cb-scope) .ta-bcard-foot{display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 30px 20px 14px 28px;}
:where(.cb-scope) .ta-bcard-price{display: flex;
    align-items: baseline;
    gap: 14px;
    margin: 0;
    line-height: 1;}
:where(.cb-scope) .ta-bcard-price ins{text-decoration: none;
    font-size: 1.3125rem;
    font-weight: var(--ta-fw-bold);}
:where(.cb-scope) .ta-bcard-price del{font-size: var(--ta-fs-14);}
:where(.cb-scope) .ta-bcard-btn{min-width: 106px;
    min-height: 28px;
    padding: 6px 12px;
    font-size: var(--ta-fs-11);}
:where(.cb-scope) .ta-mcard{display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 191px;
    padding: 8px 8px 14px;
    border: 2px solid transparent;
    border-radius: 14px;
    background-color: var(--ta-white);
    transition: border-color var(--ta-ease), transform var(--ta-ease);}
:where(.cb-scope) .ta-mcard:hover{border-color: var(--ta-yellow);
    transform: translateY(-3px);}
:where(.cb-scope) .ta-mcard-thumb{display: block;
    overflow: hidden;
    border-radius: 11px;
    aspect-ratio: 202 / 121;
    background-color: var(--ta-blue);}
:where(.cb-scope) .ta-mcard-thumb img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}
:where(.cb-scope) .ta-mcard-title{margin: 10px 0 0;
    padding-inline: 4px;
    font-size: var(--ta-fs-18);
    font-weight: var(--ta-fw-book);
    line-height: 1.3;
    flex: 1;}
:where(.cb-scope) .ta-mcard-title a:hover{color: var(--ta-orange);}
:where(.cb-scope) .ta-mcard-meta{display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding: 14px 4px 0 2px;}
:where(.cb-scope) .ta-mcard-time{font-size: var(--ta-fs-15);
    color: var(--ta-gray-869);}
:where(.cb-scope) .ta-level{display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    height: 26px;
    padding: 0 14px;
    border-radius: var(--ta-radius-pill);
    font-size: var(--ta-fs-14);
    line-height: 1;
    color: var(--ta-white);}
:where(.cb-scope) .ta-level-intermediate{background-color: var(--ta-sun);}
:where(.cb-scope) .ta-level-beginner{background-color: #fda3a3;}
:where(.cb-scope) .ta-level-advanced{background-color: #5bbd5e;}
:where(.cb-scope) .ta-level-all{background-color: #818181;}
:where(.cb-scope) .ta-postcard{display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 9px 9px 12px;
    border: 2px solid var(--ta-yellow);
    border-radius: 21px;
    background-color: var(--ta-white);
    text-align: center;
    transition: transform var(--ta-ease), box-shadow var(--ta-ease);}
:where(.cb-scope) .ta-postcard:hover{transform: translateY(-4px);
    box-shadow: var(--ta-shadow-card);}
:where(.cb-scope) .ta-postcard-thumb{display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 13px;
    aspect-ratio: 371 / 211;
    background-color: var(--ta-blue);}
:where(.cb-scope) .ta-postcard-thumb img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;}
:where(.cb-scope) .ta-postcard:hover .ta-postcard-thumb img{transform: scale(1.05);}
:where(.cb-scope) .ta-postcard-title{max-width: 330px;
    margin: 20px 0 0;
    font-size: var(--ta-fs-20);
    font-weight: var(--ta-fw-book);
    line-height: 1.4;
    flex: 1;}
:where(.cb-scope) .ta-postcard-title a:hover{color: var(--ta-orange);}
:where(.cb-scope) .ta-postcard-btn{min-width: 227px;
    min-height: 35px;
    margin-top: auto;
    padding: 6px 18px;
    font-size: var(--ta-fs-16);}
:where(.cb-scope) .ta-postcard-title + .ta-postcard-btn{margin-top: 12px;}
:where(.cb-scope) .ta-stars{display: inline-flex;
    align-items: center;
    gap: 1px;
    color: var(--ta-black);}
:where(.cb-scope) .ta-stars svg{width: 18px;
    height: 18px;
    fill: currentColor;}
:where(.cb-scope) .ta-stars-lg svg{width: 28px;
    height: 28px;}
:where(.cb-scope) .ta-accred{padding: 30px 0;
    background-color: var(--ta-dark);
    color: var(--ta-white);}
:where(.cb-scope) .ta-accred-head{padding-left: 24px;}
:where(.cb-scope) .ta-accred-title{letter-spacing: -0.02em;}
@media (min-width: 992px){
:where(.cb-scope) .ta-accred-title{white-space: nowrap;}
}
:where(.cb-scope) .ta-accred-text{max-width: 400px;
    margin: 8px 0 0;
    font-size: var(--ta-fs-16);
    line-height: 1.13;}
:where(.cb-scope) .ta-accred-grid{display: grid;
    grid-template-columns: repeat(3, 165px);
    gap: 13px;
    justify-content: end;
    margin: 0 24px 0 0;
    padding: 0;
    list-style: none;}
:where(.cb-scope) .ta-accred-tile{display: flex;
    align-items: center;
    justify-content: center;
    height: 102px;
    padding: 8px;
    border-radius: 18px;
    background-color: var(--ta-mint);}
:where(.cb-scope) .ta-accred-tile img{display: block;
    width: auto;
    max-width: 88%;
    max-height: 81px;
    object-fit: contain;}
@media (max-width: 991.98px){
:where(.cb-scope) .ta-accred{padding: 48px 0;}
:where(.cb-scope) .ta-accred-head{padding-left: 0;
        text-align: center;}
:where(.cb-scope) .ta-accred-text{margin-inline: auto;}
:where(.cb-scope) .ta-accred-grid{justify-content: center;
        margin: 0;}
}
@media (max-width: 575.98px){
:where(.cb-scope) .ta-accred-grid{grid-template-columns: repeat(3, 1fr);
        gap: 8px;}
:where(.cb-scope) .ta-accred-tile{height: 76px;
        border-radius: 12px;}
:where(.cb-scope) .ta-accred-tile img{max-height: 58px;}
}