@font-face {
    font-family: 'Creator Bodoni';
    src: url('../fonts/creator/bodoni-moda-normal-latin-ext.woff2') format('woff2');
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Creator Bodoni';
    src: url('../fonts/creator/bodoni-moda-normal-latin.woff2') format('woff2');
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    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: 'Creator Bodoni';
    src: url('../fonts/creator/bodoni-moda-italic-latin-ext.woff2') format('woff2');
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Creator Bodoni';
    src: url('../fonts/creator/bodoni-moda-italic-latin.woff2') format('woff2');
    font-style: italic;
    font-weight: 400 900;
    font-display: swap;
    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: 'Creator Manrope';
    src: url('../fonts/creator/manrope-latin-ext.woff2') format('woff2');
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Creator Manrope';
    src: url('../fonts/creator/manrope-latin.woff2') format('woff2');
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    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;
}

.creator-page {
    --creator-display: 'Creator Bodoni', 'Times New Roman', serif;
    --creator-text: 'Creator Manrope', system-ui, sans-serif;
    --creator-copy: #394357;
    --creator-copy-muted: #4c5669;
    font: 400 17px/1.7 var(--creator-text);
    font-synthesis: none;
}

.creator-page :is(button, input, select, textarea) { font-family: var(--creator-text); }
.creator-page :is(.creator-eyebrow, .creator-kicker) { font-size: 12px; font-weight: 600; letter-spacing: .16em; }
.creator-page .creator-hero h1 { font: 400 clamp(64px, 7.5vw, 104px)/.92 var(--creator-display); font-optical-sizing: auto; letter-spacing: -.015em; }
.creator-page .creator-hero h1 em { font-style: italic; font-weight: 400; letter-spacing: 0; }
.creator-page .creator-button { font-size: 14px; font-weight: 600; letter-spacing: .01em; }
.creator-page .creator-hero__trust { font-size: 12px; font-weight: 600; }

.creator-seal {
    width: clamp(245px, 25vw, 320px);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.creator-seal::before,
.creator-seal::after { display: none; }
.creator-seal img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 22px 32px rgba(0, 0, 0, .48)) drop-shadow(0 0 5px rgba(255, 255, 255, .18));
}

.creator-page .creator-highlights span { font-size: 12px; font-weight: 650; }
.creator-page .creator-highlights strong { font: 500 38px/1.05 var(--creator-display); font-optical-sizing: auto; }
.creator-page .creator-highlights p { color: var(--creator-copy-muted); font-size: 15px; font-weight: 450; }
.creator-page :is(.creator-section-heading h2, .creator-contributions h2, .creator-faq h2, .creator-cta h2) { font: 500 clamp(42px, 4.8vw, 64px)/1.04 var(--creator-display); font-optical-sizing: auto; letter-spacing: -.012em; }
.creator-section-heading > div > p:last-child,
.creator-section-heading--center > p:last-child,
.creator-contributions__intro > p,
.creator-faq header > p:last-child,
.creator-cta__inner > div > p:last-child { font-size: 18px; line-height: 1.75; }
.creator-page .creator-ranking .creator-section-heading > div > p:last-child,
.creator-page .creator-ranking .creator-section-heading--center > p:last-child,
.creator-page .creator-contributions__intro > p,
.creator-page .creator-faq header > p:last-child { color: var(--creator-copy); font-weight: 450; }

.creator-year-picker label { font-size: 12px; font-weight: 600; }
.creator-year-picker :is(select, button) { font-size: 14px; }
.creator-year-picker button { font-weight: 600; }
.creator-page .creator-empty strong { font: 500 30px/1.12 var(--creator-display); }
.creator-page .creator-empty p { color: var(--creator-copy-muted); font-size: 16px; font-weight: 450; }

.creator-page .creator-podium__place b { font: 500 25px/1 var(--creator-display); }
.creator-podium__place small { font-size: 9px; font-weight: 600; }
.creator-page .creator-podium__overline { color: #654816; font-size: 12px; font-weight: 650; }
.creator-page .creator-podium h3 { font: 600 32px/1.1 var(--creator-display); }
.creator-page .creator-podium__level { color: var(--creator-copy-muted); font-size: 16px; font-weight: 450; }
.creator-page .creator-podium__points { font: 600 34px/1.05 var(--creator-display); }
.creator-page .creator-podium__points span { color: var(--creator-copy); font: 650 12px/1 var(--creator-text); }
.creator-page .creator-podium a { color: #0b6b83; font-size: 15px; font-weight: 650; }

.creator-page .creator-table-card__head span { color: #654816; font-size: 12px; font-weight: 650; }
.creator-page .creator-table-card__head p { color: var(--creator-copy-muted); font-size: 14px; font-weight: 450; }
.creator-page .creator-table th { color: var(--creator-copy); font-size: 12px; font-weight: 650; }
.creator-page .creator-table td { color: #303a4d; font-size: 16px; font-weight: 450; }
.creator-page .creator-table td a,
.creator-page .creator-rank-number,
.creator-page .creator-level-label { font-weight: 650; }
.creator-page .creator-level-label { font-size: 13px; }

.creator-level-card {
    min-height: 515px;
    padding: 30px;
}

.creator-level-card__logo {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(100%, 184px);
    aspect-ratio: 1;
    place-items: center;
    margin: 0 0 30px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .66);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(238, 243, 247, .92));
    box-shadow: 0 20px 48px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(213, 173, 85, .16);
}

.creator-level-card__logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.creator-level-card > p { font-size: 12px; font-weight: 600; }
.creator-page .creator-level-card h3 { font: 500 31px/1.1 var(--creator-display); }
.creator-level-card > strong { font-size: 16px; font-weight: 600; }
.creator-level-card > span:last-child { font-size: 15px; line-height: 1.7; }

.creator-contributions__intro a { font-size: 15px; font-weight: 600; }
.creator-page .creator-rules article > span { font: 600 18px/1 var(--creator-text); }
.creator-page .creator-rules h3 { font: 500 19px/1.35 var(--creator-text); letter-spacing: -.01em; }
.creator-page .creator-rules p { color: var(--creator-copy-muted); font-size: 16.5px; font-weight: 450; line-height: 1.72; }
.creator-page .creator-faq summary { font: 500 19px/1.45 var(--creator-text); letter-spacing: -.01em; }
.creator-page .creator-faq details p { color: var(--creator-copy-muted); font-size: 16.5px; font-weight: 450; line-height: 1.75; }

@media (max-width: 900px) {
    .creator-level-card { min-height: 480px; }
    .creator-level-card__logo { width: 164px; }
}

@media (max-width: 600px) {
    .creator-page { font-size: 16px; }
    .creator-page .creator-hero h1 { font-size: clamp(50px, 15vw, 68px); line-height: .94; }
    .creator-level-card { min-height: 0; }
    .creator-level-card__logo { width: 156px; }
    .creator-table th,
    .creator-table td { font-size: 14px; }
}