.professional-work-editor .tato-event-form-heading { grid-template-columns: 1fr auto; }
.professional-work-editor .tato-event-form-heading > .btn { align-self: start; }
.professional-work-current-media { margin: -4px 0 22px; padding: 16px; border: 1px solid #e1e6d8; border-radius: 14px; background: #f7f8f4; }
.professional-work-preview { display: block; width: min(100%, 420px); max-height: 280px; border-radius: 10px; object-fit: contain; background: #fff; }
.professional-work-list-preview { display: grid; width: 72px; height: 56px; flex: 0 0 72px; place-items: center; overflow: hidden; border: 1px solid #e1e6d8; border-radius: 8px; background: #f7f8f4; color: #65705b; }
.professional-work-list-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.professional-work-list-preview i { font-size: 1.5rem; }
.professional-work-file-link { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 10px 15px; border: 1px solid #111; border-radius: 11px; color: #111; background: #fff; font-weight: 800; text-decoration: none; }
.professional-work-file-link:hover, .professional-work-file-link:focus-visible { color: #fff; background: #111; }
.profile-editor-form { display: block; }
.profile-editor-panel { margin: 0; }
.profile-editor-panel-body { padding-top: 4px; }
.profile-editor-subheading { display: flex; align-items: flex-start; gap: 16px; margin: 34px 0 24px; padding-top: 28px; border-top: 1px solid #e3e3e3; }
.profile-editor-subheading > span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 12px; color: #fff; background: #111; font-size: .78rem; font-weight: 850; }
.profile-editor-subheading small { display: block; margin-bottom: 5px; color: #58752f; font-size: .76rem; font-weight: 850; letter-spacing: .04em; }
.profile-editor-subheading h2 { margin: 0; color: #111; font-size: 1.5rem; font-weight: 850; }
.profile-editor-actions { justify-content: flex-end; }
.profile-editor-actions .btn { min-width: 190px; }
.profile-editor-page .input-group .btn { min-height: 48px; border-radius: 0 11px 11px 0; }
.tato-public-profile-button { border-color: #f0c52b; color: #111; background: #ffd451; font-weight: 800; }
.event-sales-table-scroll { max-height: 190px; overflow-y: scroll; overflow-x: auto; }
.merchandise-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .5rem; }
.merchandise-price-current { color: inherit; }
.merchandise-price-old { color: #6c757d; text-decoration: line-through; font-size: .85em; }
.merchandise-price-discount { color: #b42318; font-size: .78em; font-weight: 700; }
.tato-public-profile-button:hover, .tato-public-profile-button:focus-visible { border-color: #e0ad16; color: #111; background: #f0c52b; }
.tato-public-header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e9ecef;
}

.tato-page-shell {
    width: 100%;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
}

.tato-dashboard-shell .container {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.tato-user-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
    padding: 24px 40px 40px;
}

.tato-user-sidebar {
    min-width: 0;
    position: sticky;
    top: 24px;
    align-self: start;
    transition: width .25s ease;
}

.tato-user-content {
    min-width: 0;
}

.tato-user-content > .tato-page-shell {
    padding-top: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.tato-user-content > .container {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.tato-user-layout.is-sidebar-collapsed {
    grid-template-columns: 72px minmax(0, 1fr);
}

.tato-user-layout.is-sidebar-collapsed .sidebar-user-block {
    padding-left: 8px;
    padding-right: 8px;
}

.tato-user-layout.is-sidebar-collapsed .sidebar-user-name,
.tato-user-layout.is-sidebar-collapsed .sidebar-user-block small,
.tato-user-layout.is-sidebar-collapsed .dashboard-menu .list-group-item,
.tato-user-layout.is-sidebar-collapsed .sidebar-label {
    font-size: 0;
}

.tato-user-layout.is-sidebar-collapsed .dashboard-menu .list-group-item {
    justify-content: center;
}

.tato-user-layout.is-sidebar-collapsed .dashboard-menu .list-group-item i {
    width: auto;
    font-size: 1.1rem;
}

.tato-user-layout.is-sidebar-collapsed .sidebar-avatar,
.tato-user-layout.is-sidebar-collapsed .sidebar-avatar-image {
    margin-bottom: 0 !important;
}

.tato-user-layout.is-sidebar-collapsed .sidebar-divider {
    margin-left: 12px;
    margin-right: 12px;
}

.sidebar-collapse-button {
    width: calc(100% - 24px);
    margin: 8px 12px 12px;
    padding: 10px 12px;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #495057;
    background: #fff;
    font-weight: 600;
    transition: background-color .2s ease, color .2s ease;
}

.sidebar-collapse-button:hover,
.sidebar-collapse-button:focus-visible {
    color: #111;
    background: #f6f9ff;
}

.tato-user-offcanvas {
    width: min(310px, 86vw) !important;
}

.tato-user-offcanvas .offcanvas-body {
    padding: 0 16px 24px;
}

.tato-user-offcanvas .sidebar-collapse-button {
    display: none;
}

.tato-header-inner {
    min-height: 88px;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.tato-header-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.tato-header-logo img {
    display: block;
    width: 176px;
    height: 64px;
    object-fit: contain;
}

.tato-ukraine-flag {
    position: absolute;
    top: 0;
    right: 12px;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: linear-gradient(to bottom, #0057b7 0 50%, #ffd700 50% 100%);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
}

.tato-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.tato-header-button,
.tato-account-button,
.tato-menu-button {
    min-height: 52px;
    border: 1px solid #111;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.tato-header-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 24px;
    text-decoration: none;
}

.tato-header-button-light,
.tato-account-button {
    color: #111;
    background: #fff;
}

.tato-header-button-light:hover,
.tato-header-button-light:focus-visible,
.tato-account-button:hover,
.tato-account-button:focus-visible {
    color: #111;
    background: #f1f1f1;
    border-color: #111;
}

.tato-header-button-dark {
    color: #fff;
    background: #111;
}

.tato-header-button-dark:hover,
.tato-header-button-dark:focus-visible {
    color: #111;
    background: #fff;
    border-color: #111;
}

.tato-header-button:active,
.tato-account-button:active,
.tato-menu-button:active {
    transform: translateY(1px);
}

.tato-account-button {
    padding: 0 16px;
}

.tato-account-button::after {
    margin-left: 8px;
}

.tato-account-dropdown {
    margin-top: 10px;
    border: 1px solid #111;
    border-radius: 14px;
    min-width: 260px;
    padding: 8px;
}

.tato-account-nav-item {
    display: flex;
    align-items: center;
    min-height: 44px;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 9px;
    color: #111;
    font-weight: 700;
}

.tato-account-nav-item i { width: 20px; color: #5b3c91; text-align: center; }
.tato-account-nav-item:hover,
.tato-account-nav-item:focus-visible,
.tato-account-nav-item.active { color: #111; background: #f3effa; }
.tato-account-nav-item .sidebar-activity-badge { margin-left: auto; }
.tato-account-nav-logout-divider { margin-top: 8px; }
.tato-account-nav-logout { color: #b4233c; }
.tato-account-nav-logout i { color: #b4233c; }
.tato-account-nav-logout:hover,
.tato-account-nav-logout:focus-visible { color: #b4233c; background: #fff0f2; }

.tato-menu-button {
    width: 56px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #111;
    font-size: 1.65rem;
}

.tato-menu-button:hover,
.tato-menu-button:focus-visible {
    color: #111;
    background: #fff;
    border-color: #111;
}

.tato-auth-modal .modal-dialog {
    max-width: 460px;
    padding: 12px;
}

.tato-auth-modal-content {
    border: 1px solid #111;
    border-radius: 22px;
    background: #fff;
}

.tato-auth-modal .modal-header,
.tato-auth-modal .modal-body {
    padding-left: 32px;
    padding-right: 32px;
}

.tato-auth-modal .modal-title {
    color: #111;
    font-size: 1.35rem;
    font-weight: 800;
}

.tato-auth-register-title {
    margin-bottom: 10px;
    color: #111;
    font-size: 1.35rem;
    font-weight: 800;
}

.tato-auth-modal .form-label {
    color: #111;
    font-weight: 700;
}

.tato-auth-modal .form-control {
    min-height: 50px;
    border: 1px solid #b8b8b8;
    border-radius: 12px;
    color: #111;
}

.tato-auth-modal .form-control:focus {
    border-color: #111;
    box-shadow: 0 0 0 3px rgba(17, 17, 17, .12);
}

.tato-auth-submit {
    min-height: 52px;
    border: 1px solid #111;
    border-radius: 14px;
    color: #fff;
    background: #111;
    font-weight: 800;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.tato-auth-submit:hover,
.tato-auth-submit:focus-visible {
    color: #111;
    background: #fff;
}

.tato-auth-submit:active {
    transform: translateY(1px);
}

.tato-auth-modal a,
.tato-auth-link {
    color: #111;
    font-weight: 700;
}

.tato-auth-modal a:hover,
.tato-auth-modal a:focus-visible,
.tato-auth-link:hover,
.tato-auth-link:focus-visible {
    color: #555;
}

.tato-auth-link {
    padding: 0;
    border: 0;
    background: transparent;
    text-decoration: underline;
}

.tato-auth-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    border-top: 1px solid #e9ecef;
    color: #555;
    text-align: center;
}

.tato-login-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.tato-login-field {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.tato-login-field label {
    color: #111;
    font-size: .9rem;
    font-weight: 800;
}

.tato-login-field input {
    width: 100%;
    min-height: 58px;
    padding: 14px 18px;
    border: 1px solid #d5d5d5;
    border-radius: 16px;
    color: #111;
    background: #f7f7f7;
    font: inherit;
    outline: 0;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.tato-login-field input:focus {
    border-color: #111;
    background: #fff;
    box-shadow: 0 0 0 4px #e7def5;
}

.tato-login-submit {
    width: 100%;
    min-height: 62px;
    margin-top: 6px;
    padding: 14px 20px;
    border: 0;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    background: #111;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.tato-login-submit:hover,
.tato-login-submit:focus-visible {
    color: #111;
    background: #ffd451;
}

.tato-login-submit:active { transform: translateY(2px); }
.tato-login-submit-arrow { font-size: 1.35rem; line-height: 1; transition: transform .2s ease; }
.tato-login-submit:hover .tato-login-submit-arrow,
.tato-login-submit:focus-visible .tato-login-submit-arrow { transform: translateX(5px); }
.tato-login-submit:disabled { cursor: wait; opacity: .72; }
.tato-login-submit:disabled .tato-login-submit-arrow { display: none; }

.tato-login-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #555;
    font-size: .9rem;
}

.tato-login-links a,
.tato-login-links .tato-auth-link {
    color: #111;
    font-weight: 700;
    text-decoration: none;
}

.tato-login-links a:hover,
.tato-login-links a:focus-visible,
.tato-login-links .tato-auth-link:hover,
.tato-login-links .tato-auth-link:focus-visible { color: #5b3c91; }
.tato-login-error { color: #a12a2a; font-size: .9rem; }

.tato-login-page {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    color: #111;
    background: #fff;
}

.tato-login-shell {
    min-height: 100vh;
    padding: 72px 20px 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tato-login-card {
    width: min(100%, 500px);
    padding: 12px 42px 8px;
}

.tato-login-logo { display: block; width: fit-content; margin: 0 auto 72px; }
.tato-login-logo img { display: block; width: 196px; height: auto; }
.tato-login-kicker { margin: 0 0 13px; color: #5b3c91; font-size: .9rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tato-login-card h1 { max-width: none; margin: 0 0 38px; font-size: 30px; font-weight: 850; letter-spacing: 0; line-height: .98; white-space: nowrap; }
.tato-login-flash { margin: 0 0 22px; padding: 14px 16px; border-radius: 14px; font-size: .9rem; line-height: 1.4; }
.tato-login-flash span { display: block; }
.tato-login-flash-success { color: #315a2e; background: #cfe2ab; }
.tato-login-flash-error { color: #7c2222; background: #f2bfc9; }
.tato-login-home-link { display: block; margin-top: 42px; color: #777; font-size: .9rem; text-align: center; text-decoration: none; }
.tato-login-home-link:hover, .tato-login-home-link:focus-visible { color: #111; }

.tato-auth-modal .tato-login-form { gap: 14px; }
.tato-auth-modal .tato-login-field input { min-height: 50px; border-radius: 12px; background: #fff; }
.tato-auth-modal .tato-login-submit { min-height: 52px; border-radius: 14px; }
.tato-auth-modal .tato-login-links { margin-top: 2px; flex-direction: column; justify-content: center; }
.tato-auth-modal .tato-login-error { margin-top: 2px; }

@media (max-width: 575.98px) {
    .tato-login-shell { padding: 42px 16px 56px; align-items: flex-start; }
    .tato-login-card { padding: 18px 0 0; }
    .tato-login-logo { margin-bottom: 58px; }
    .tato-login-logo img { width: 170px; }
    .tato-login-card h1 { margin-bottom: 32px; font-size: 2.55rem; white-space: normal; }
    .tato-login-links { align-items: flex-start; flex-direction: column; gap: 10px; }
}

.tato-auth-page {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    color: #111;
    background: #fff;
}

.tato-auth-page-main {
    min-height: 100vh;
    padding: 44px 20px 56px;
}

.tato-auth-page-container {
    width: min(100%, 500px);
    margin: 0 auto;
}

.tato-auth-page-container .tato-header-logo {
    justify-content: center;
}

.tato-auth-page-card {
    border: 1px solid #111;
    border-radius: 22px;
    background: #fff;
}

.tato-auth-page-card-body {
    padding: 42px 40px;
}

.tato-auth-page-title {
    margin-bottom: 14px;
    color: #111;
    font-size: clamp(1.6rem, 4vw, 2rem);
    font-weight: 800;
    text-align: center;
}

.tato-auth-page-description {
    margin-bottom: 30px;
    color: #555;
    line-height: 1.6;
    text-align: center;
}

.tato-auth-page-input {
    min-height: 52px;
}

.tato-auth-page-card .alert {
    border-radius: 12px;
}

.tato-auth-success-title {
    margin-bottom: 14px;
    color: #111;
    font-size: 1.35rem;
    font-weight: 800;
}

.tato-hero {
    width: 100%;
    margin-left: 0;
    padding: 28px 24px 42px;
    background: #fff;
}

.tato-hero-inner {
    width: 100%;
    margin: 0 auto;
}

.tato-hero-title {
    max-width: none;
    margin: 0 0 46px;
    color: #111;
    font-size: clamp(2.8rem, 3.8vw, 5.2rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: .94;
}

.tato-hero-social-proof {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: -26px 0 34px;
    color: #333;
    font-size: .95rem;
    line-height: 1;
}

.tato-hero-avatars {
    display: flex;
    align-items: center;
    flex-wrap: balance;
    padding-left: 10px;
}

.tato-hero-avatar {
    width: 48px;
    height: 48px;
    margin-left: -10px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    object-fit: cover;
    color: #111;
    background: #cfe2ab;
    font-size: 1rem;
    font-weight: 800;
}
.tato-hero-avatar[data-digital-medallion] svg,
.tato-rating-avatar-fallback[data-digital-medallion] svg,
.tato-rating-avatar[data-digital-medallion] svg { display: block; width: 100%; height: 100%; border-radius: 100vh; }

.tato-hero-participant-count {
    font-weight: 800;
}

.tato-hero-participant-copy {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tato-hero-participant-label {
    font-weight: 500;
}

.tato-category-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.tato-category-card {
    height: clamp(220px, 18vw, 300px);
    border: 0;
    border-radius: 44px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    color: #111;
    font-size: clamp(1.35rem, 2.2vw, 2.1rem);
    font-weight: 800;
    line-height: 1.02;
}

.tato-category-icon {
    align-self: flex-start;
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 1;
}

.tato-category-lime { background: #cfe2ab; }
.tato-category-purple { background: #c9b9ed; }
.tato-category-yellow { background: #ffd451; }
.tato-category-pink { background: #f2bfc9; }
.tato-category-blue { background: #a6b7df; }

.tato-hero-bottom {
    margin-top: 14px;
}

.tato-event-cta {
    width: 100%;
    min-height: 200px;
    padding: 44px;
    border: 0;
    border-radius: 44px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    color: #fff;
    background: #111;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .25s ease, transform .25s ease;
}

.tato-event-cta:hover,
.tato-event-cta:focus-visible {
    color: #111;
    background: #ffd451;
    transform: translateY(-3px);
}

.tato-event-cta-label {
    max-width: 70%;
    font-size: clamp(1.8rem, 3vw, 3rem);
    font-weight: 800;
    line-height: .95;
}

.tato-event-cta-arrow {
    font-size: clamp(3rem, 6vw, 5.5rem);
    line-height: .8;
    animation: tato-arrow-drift 1.45s ease-in-out infinite;
}

.tato-event-cta:hover .tato-event-cta-arrow,
.tato-event-cta:focus-visible .tato-event-cta-arrow {
    animation-play-state: paused;
    transform: translateX(6px);
}

.tato-hero-hashtags {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 0 12px;
    color: #111;
    font-size: clamp(1.35rem, 2.2vw, 2.1rem);
    font-weight: 500;
    letter-spacing: 0;
    line-height: .98;
}

.tato-hero-hashtags span:last-child {
    align-self: flex-end;
}

.tato-hero-hashtags strong {
    font-weight: 800;
}

@keyframes tato-arrow-drift {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translateX(12px); }
}

.tato-platform-section {
    width: 100%;
    margin-left: 0;
    padding: 76px 24px 56px;
    color: #111;
    background: #fff;
}

.tato-platform-intro,
.tato-workflow {
    width: 100%;
}

.tato-platform-intro {
    display: grid;
    grid-template-columns: minmax(180px, .45fr) minmax(0, 1fr) minmax(180px, .45fr);
    column-gap: 32px;
    align-items: start;
    padding-bottom: 92px;
}

.tato-platform-kicker {
    margin: 10px 0 0;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tato-platform-title {
    margin: 0;
    align-self: start;
    font-size: clamp(2.7rem, 5vw, 5.8rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: .9;
}

.tato-platform-copy {
    max-width: 660px;
    margin: 4px 0 0;
    font-size: clamp(1.25rem, 1.7vw, 1.8rem);
    line-height: 1.18;
}

.tato-workflow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.tato-workflow-card {
    min-height: 300px;
    padding: 40px;
    border-radius: 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #111;
}

.tato-workflow-lime,
.tato-workflow-purple,
.tato-workflow-yellow,
.tato-workflow-pink {
    background: #fff;
    border: 5px solid #cfe2ab;
}

.tato-workflow-number {
    font-size: clamp(2.5rem, 4vw, 4.7rem);
    font-weight: 800;
    line-height: .9;
}

.tato-workflow-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.tato-workflow-emoji {
    font-size: clamp(2rem, 3vw, 3.4rem);
    line-height: 1;
}

.tato-workflow-card h3 {
    margin: 0 0 12px;
    font-size: clamp(1.45rem, 2vw, 2.1rem);
    font-weight: 800;
    line-height: 1;
}

.tato-workflow-card p {
    max-width: 260px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.25;
}

.tato-events-section {
    width: 100%;
    margin-left: 0;
    padding: 76px 24px 56px;
    color: #111;
    background: #fff;
}

.tato-events-heading {
    display: grid;
    grid-template-columns: minmax(180px, .45fr) minmax(0, 1fr) minmax(180px, .45fr);
    column-gap: 32px;
    align-items: end;
    margin-bottom: 48px;
}

.tato-events-description {
    margin: 0;
}

.tato-events-kicker {
    grid-column: 1;
    align-self: start;
}

.tato-events-description {
    grid-column: 2;
    max-width: none;
    align-self: start;
    font-size: clamp(2.5rem, 3.2vw, 4.2rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: .94;
}

.tato-events-heading .tato-events-all-link {
    grid-column: 3;
    align-self: end;
    justify-self: end;
    margin-bottom: 6px;
}

.tato-events-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.tato-event-card {
    min-width: 0;
    border-radius: 44px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #111;
    background: #fff;
    border: 1px solid #eee;
    text-decoration: none;
    box-shadow: none;
    transition: transform .25s ease;
}

.tato-event-card:hover,
.tato-event-card:focus-visible {
    color: #111;
    transform: translateY(-4px);
}

.tato-event-card-image-wrap,
.tato-event-card-placeholder {
    aspect-ratio: 16 / 9;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
}

.tato-event-card-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .3s ease;
}

.tato-event-card-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.tato-event-card-placeholder .tato-event-card-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-size: inherit;
}

.tato-event-card:hover .tato-event-card-image,
.tato-event-card:focus-visible .tato-event-card-image {
    transform: scale(1.04);
}

.tato-event-card-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    background: #dceabf;
    font-size: 4rem;
}

.tato-event-card-image-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 14px;
    pointer-events: none;
}

.tato-event-card-image-overlay .tato-event-card-type,
.tato-event-card-image-overlay .tato-event-card-status,
.tato-event-card-image-overlay .tato-event-card-format {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    pointer-events: auto;
}

.tato-event-card-image-overlay .tato-event-card-type,
.tato-event-card-image-overlay .tato-event-card-format {
    background: rgba(17, 17, 17, .72);
}

.tato-event-card-image-overlay .tato-event-card-type { order: 1; }
.tato-event-card-image-overlay .tato-event-card-format { order: 2; }
.tato-event-card-image-overlay .tato-event-card-status { order: 3; margin-left: auto; }
.tato-event-card-image-overlay .tato-event-card-registrations-badge { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 5px 10px; border-radius: 999px; color: #fff; background: rgba(17, 17, 17, .78); font-size: .74rem; font-weight: 800; line-height: 1; white-space: nowrap; }
.tato-event-card-image-overlay .tato-event-card-registrations-badge i { color: #fff; }

.tato-event-card:nth-child(3n + 2) .tato-event-card-placeholder {
    background: #c9b9ed;
}

.tato-event-card:nth-child(3n) .tato-event-card-placeholder {
    background: #ffd451;
}

.tato-event-card-body {
    padding: 22px 24px 24px;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.tato-event-card-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.tato-event-card-type {
    color: #333;
    font-size: .9rem;
    font-weight: 700;
}

.tato-event-card-status {
    flex: 0 0 auto;
    padding: 5px 10px;
    border-radius: 999px;
    color: #fff;
    font-size: .75rem;
    font-weight: 800;
}

.tato-event-card-status-open {
    background: #3c9b64;
}

.tato-event-card-status-soon {
    background: #b98316;
}

.tato-event-card-status-closed {
    background: #c53636;
}

.tato-event-card-title {
    margin: 0 0 12px;
    font-size: clamp(1.4rem, 2vw, 1.65rem);
    font-weight: 800;
    line-height: 1.15;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.tato-event-card-description {
    margin: 0 0 18px;
    color: #555;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.tato-event-card-details {
    display: grid;
    gap: 9px;
    margin-bottom: 16px;
    color: #333;
    font-size: .88rem;
    line-height: 1.35;
}

.tato-event-card-date { display: flex; align-items: flex-start; gap: 12px; min-width: 0; overflow: hidden; font-size: .82rem; font-weight: 700; line-height: 1.35; }
.tato-event-card-date > i { flex: 0 0 18px; margin-top: 2px; }
.tato-event-card-date > span { display: flex; min-width: 0; flex-direction: column; gap: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tato-event-card-date > span + span { margin-left: auto; text-align: right; }
.tato-event-card-date strong { color: #777; font-size: .64rem; letter-spacing: .04em; white-space: nowrap; }
.tato-event-card-meta-row { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px; }
.tato-event-card-meta-row > p { min-width: 0; white-space: nowrap; }
.tato-event-card-meta-row > p:first-child { flex: 1 1 0; width: 0; overflow: hidden; text-overflow: ellipsis; }
.tato-event-card-meta-row > .tato-event-card-registrations { flex: 0 0 auto; }

.tato-event-card-details p,
.tato-event-card-registrations {
    margin: 0;
}

.tato-event-card-details i,
.tato-event-card-registrations i {
    width: 18px;
    color: #225fbd;
}

.tato-event-card-deadline {
    margin-bottom: 16px;
    padding: 10px 12px;
    border-radius: 11px;
    background: #fff1bf;
    color: #5a4611;
    font-size: .84rem;
    font-weight: 800;
}

.tato-event-card-registrations {
    margin-bottom: 0;
    color: #555;
    font-size: .88rem;
}

.tato-event-card-actions {
    display: grid;
    gap: 8px;
    margin-top: auto;
}

.tato-event-card-apply,
.tato-event-card-details-link {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.tato-event-card-apply {
    border: 0;
    background: #ffd451;
    color: #111;
}

.tato-event-card-apply:hover,
.tato-event-card-apply:focus-visible {
    background: #f2c33b;
    color: #111;
}

.tato-event-card-apply:disabled {
    border: 0;
    background: #ffd451;
    color: #111;
    cursor: not-allowed;
}

.tato-event-card-details-link {
    border: 0;
    background: #eee;
    color: #111;
}

.tato-event-card-details-link:hover,
.tato-event-card-details-link:focus-visible {
    background: #e5e5e5;
    color: #111;
}

.tato-event-card-arrow i,
.tato-events-cta i {
    display: inline-block;
    transition: transform .25s ease;
}

.tato-event-card:hover .tato-event-card-arrow i,
.tato-event-card:focus-visible .tato-event-card-arrow i,
.tato-events-cta:hover i,
.tato-events-cta:focus-visible i {
    transform: translateX(5px);
}

.tato-events-empty {
    min-height: 220px;
    padding: 40px;
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: #cfe2ab;
}

.tato-events-empty p {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 2.8rem);
    font-weight: 800;
    line-height: .98;
}

.tato-events-all-link {
    color: #111;
    font-size: 1.1rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.tato-community-section {
    width: 100%;
    margin-left: 0;
    position: relative;
    left: 0;
    padding: 72px 24px 64px;
    color: #111;
    background: #c9b9ed;
    border-radius: 44px;
}

.tato-community-inner {
    width: 100%;
}

.tato-community-heading {
    display: grid;
    grid-template-columns: minmax(180px, 20.25%) minmax(0, 1fr) minmax(180px, 20.25%);
    gap: 32px;
    align-items: start;
}

.tato-community-heading .tato-platform-kicker {
    margin-top: 10px;
}

.tato-community-heading h2 {
    grid-column: 2 / 4;
    max-width: none;
    margin: 0;
    font-size: clamp(2.5rem, 3.2vw, 4.2rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: .9;
}

.tato-community-section-yellow {
    background: #ffd451;
}

.tato-community-title-wrap {
    grid-column: 2 / 4;
}

.tato-community-title-wrap h2 {
    grid-column: auto;
}

.tato-community-subtitle {
    max-width: 660px;
    margin: 26px 0 0;
    font-size: clamp(1.2rem, 1.7vw, 1.8rem);
    line-height: 1.18;
}

.tato-community-large-cta {
    grid-column: 1 / -1;
    width: auto;
    min-height: 170px;
    height: 170px;
    max-height: 170px;
    margin: 48px 40px 0;
    align-items: center;
    color: #fff;
}

.tato-community-large-cta:hover,
.tato-community-large-cta:focus-visible {
    color: #111;
    background: #c9b9ed;
}

.tato-community-large-cta:hover .tato-event-cta-arrow,
.tato-community-large-cta:focus-visible .tato-event-cta-arrow {
    color: #111;
}

.tato-community-directions {
    margin: 84px calc(20.25% + 32px) 92px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
}

.tato-community-direction {
    padding: 16px 24px 18px;
    border-radius: 999px;
    color: #111;
    background: #eee;
    font-size: clamp(1.05rem, 1.55vw, 1.55rem);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.tato-community-direction:nth-child(2n) { background: #ffd451; }
.tato-community-direction:nth-child(3n) { background: #cfe2ab; }
.tato-community-direction:nth-child(4n) { background: #f2bfc9; }

.tato-community-footer {
    display: grid;
    grid-template-columns: minmax(180px, 20.25%) minmax(0, 1fr) minmax(180px, 20.25%);
    gap: 32px;
}

.tato-community-section-community .tato-community-count {
    grid-column: 2;
    align-self: center;
    max-width: 430px;
    margin: 0;
    font-size: clamp(1.25rem, 1.8vw, 1.8rem);
    font-weight: 700;
    line-height: 1.1;
}

.tato-community-section-community .tato-community-count strong {
    font-size: 1.35em;
    font-weight: 850;
}

.tato-community-cta {
    grid-column: 2;
    min-height: 68px;
    padding: 18px 24px;
    border: 0;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    color: #fff;
    background: #111;
    justify-self: start;
    font-size: 1.05rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.tato-community-cta i {
    display: inline-block;
    font-size: 1.5rem;
    transition: transform .2s ease;
}

.tato-community-cta:hover,
.tato-community-cta:focus-visible {
    color: #111;
    background: #ffd451;
}

.tato-rating-section {
    width: 100%;
    margin-left: 0;
    padding: 76px 24px 64px;
    color: #111;
    background: #fff;
}

.tato-ratings-page .tato-rating-section { padding-top: 30px; }
.tato-ratings-page #platform-leaderboard { scroll-margin-top: 92px; }
.tato-dashboard-rating-table { scroll-margin-top: 92px; }
.tato-dashboard-rating-pagination { max-width: 100%; margin-top: 28px; overflow-x: auto; }
.tato-dashboard-rating-pagination .pagination { justify-content: center; gap: 8px; min-width: max-content; }
.tato-dashboard-rating-pagination .page-item { margin: 0; }
.tato-dashboard-rating-pagination .page-link {
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid #171717;
    border-radius: 8px !important;
    color: #171717;
    background: #fff;
    font-weight: 800;
    box-shadow: none;
}
.tato-dashboard-rating-pagination .page-link:hover,
.tato-dashboard-rating-pagination .page-link:focus-visible {
    color: #171717;
    background: #ffd55d;
    border-color: #171717;
    box-shadow: none;
}
.tato-dashboard-rating-pagination .page-item.active .page-link { color: #171717; background: #ffd55d; border-color: #171717; }
.tato-dashboard-rating-pagination .page-item.disabled .page-link { color: #8d8d8d; background: #f2f2f2; border-color: #d8d8d8; }
.tato-ratings-page .tato-event-breadcrumbs { padding-left: 24px; }
.tato-ratings-page .tato-dashboard-intro { margin-bottom: 28px; }
.tato-ratings-page .tato-rating-summary-card .tato-dashboard-rating-card { margin-bottom: 0; border: 0; border-radius: 24px; background: #cfe2ab; box-shadow: none !important; }
.tato-ratings-page .tato-rating-summary-card .tato-dashboard-rating-card .card-body { padding: 30px; }
.tato-ratings-page .tato-rating-summary-card .tato-dashboard-rating-card .card-body > .border,
.tato-ratings-page .tato-rating-summary-card .tato-dashboard-rating-card .card-body .row > div > .border { border-color: #e2e2e2 !important; background: #fff; }
.tato-ratings-page .tato-rating-summary-card .tato-dashboard-rating-card .card-body > .border:last-of-type { background: #fff; }
.tato-ratings-page .tato-rating-platform-title { margin: 42px 0 18px; font-size: clamp(1.65rem, 2.3vw, 2.4rem); font-weight: 850; }

/* Keep the public leaderboard visually aligned with the presentation blocks. */
.tato-ratings-page #platform-leaderboard {
    width: min(1180px, calc(100% - 48px));
    margin: 52px auto 64px;
    padding: 42px;
    border: 1px solid #171717;
    border-radius: 15px;
    background: #c6b7ff;
}
.tato-ratings-page #platform-leaderboard .tato-rating-platform-title {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: clamp(2rem, 3.7vw, 3.5rem);
    line-height: 1;
}
.tato-ratings-page #platform-leaderboard .tato-rating-tabs {
    gap: 8px;
    margin: 0 0 22px;
}
.tato-ratings-page #platform-leaderboard .tato-rating-tabs a {
    padding: 10px 14px;
    border: 1px solid #171717;
    border-radius: 8px;
    color: #171717;
    background: #fff;
    font-size: .8rem;
    font-weight: 850;
}
.tato-ratings-page #platform-leaderboard .tato-rating-tabs a:hover,
.tato-ratings-page #platform-leaderboard .tato-rating-tabs a:focus-visible,
.tato-ratings-page #platform-leaderboard .tato-rating-tabs a.is-active {
    color: #171717;
    background: #ffd55d;
    border-bottom-color: #171717;
}
.tato-ratings-page #platform-leaderboard .tato-rating-list,
.tato-ratings-page #platform-leaderboard .tato-rating-empty {
    border: 1px solid #171717;
    border-radius: 10px;
    background: #fff;
}
.tato-ratings-page #platform-leaderboard .tato-rating-list-header {
    color: #171717;
    background: #ffd55d;
}
.tato-ratings-page #platform-leaderboard .tato-rating-row {
    background: #fff;
    border-top-color: #dfe3d8;
}
.tato-ratings-page #platform-leaderboard .tato-rating-avatar { background: #c7ed64; }
.tato-ratings-page #platform-leaderboard .tato-rating-xp { background: #c7ed64; }
.tato-ratings-page #platform-leaderboard .tato-rating-score { background: #ffd55d; }

.tato-rating-heading {
    display: grid;
    grid-template-columns: minmax(180px, 20.25%) minmax(0, 1fr) minmax(180px, 20.25%);
    gap: 32px;
    align-items: start;
}

.tato-rating-heading .tato-platform-kicker { margin-top: 10px; }
.tato-rating-heading h1,
.tato-rating-heading h2 {
    grid-column: 2 / 4;
    max-width: none;
    margin: 0 0 10px;
    font-size: clamp(2.25rem, 3vw, 3.75rem);
    font-weight: 850;
    line-height: .94;
}
.tato-rating-heading p:last-child { margin: 0; color: #555; font-size: 1.15rem; }
.tato-rating-user-note { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; padding: 16px 20px; border-radius: 18px; color: #111; background: #cfe2ab; font-weight: 700; }
.tato-rating-user-note span { color: #555; font-weight: 600; }

.tato-rating-tabs {
    display: flex;
    gap: 22px;
    margin: 46px 0 18px;
    margin-left: 0;
}
.tato-rating-tabs a {
    padding-bottom: 8px;
    color: #555;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}
.tato-rating-tabs a:hover,
.tato-rating-tabs a:focus-visible,
.tato-rating-tabs a.is-active { color: #111; border-bottom-color: #c9b9ed; }
.tato-rating-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.tato-rating-toolbar .tato-rating-tabs { min-width: 0; }
.tato-rating-search { position: relative; display: flex; flex: 0 1 360px; align-items: center; gap: 8px; margin: 0 0 18px auto; }
.tato-rating-search label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.tato-rating-search input[type="search"] { min-width: 0; flex: 1 1 auto; height: 42px; padding: 8px 12px; border: 1px solid #171717; border-radius: 8px; color: #171717; background: #fff; font: inherit; }
.tato-rating-search input[type="search"]:focus { outline: 2px solid #c9b9ed; outline-offset: 2px; }
.tato-rating-search button,
.tato-rating-search a { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid #171717; border-radius: 8px; color: #171717; background: #ffd55d; font: inherit; font-size: .82rem; font-weight: 800; text-decoration: none; white-space: nowrap; cursor: pointer; }
.tato-rating-search button:hover,
.tato-rating-search button:focus-visible,
.tato-rating-search a:hover,
.tato-rating-search a:focus-visible { color: #171717; background: #fff; }

.tato-rating-list { overflow: hidden; border-radius: 28px; background: #f7f7f7; }
.tato-rating-list-header,
.tato-rating-row {
    display: grid;
    grid-template-columns: 92px minmax(240px, 1.5fr) minmax(150px, 1fr) 150px;
    gap: 20px;
    align-items: center;
    padding: 18px 28px;
}
.tato-rating-users-list .tato-rating-list-header,
.tato-rating-users-list .tato-rating-row {
    grid-template-columns: 92px minmax(220px, 1.5fr) repeat(3, minmax(110px, .65fr)) 150px;
}
.tato-rating-users-list .tato-rating-user-stat { color: #555; font-weight: 700; text-align: center; }
.tato-rating-list-header {
    color: #666;
    background: #eee;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.tato-rating-row { min-height: 88px; background: #f7f7f7; border-top: 1px solid #e6e6e6; }
.tato-rating-rank { color: #777; font-size: 1.35rem; font-weight: 800; }
.tato-rating-participant { min-width: 0; display: inline-flex; align-items: center; gap: 14px; color: #111; text-decoration: none; }
.tato-rating-participant:hover .tato-rating-name,
.tato-rating-participant:focus-visible .tato-rating-name { color: #5b3c91; }
.tato-rating-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111;
    background: #cfe2ab;
    font-weight: 800;
}
.tato-rating-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tato-rating-avatar-fallback[data-digital-medallion] { display: block; width: 100%; height: 100%; }
.tato-rating-name-wrap { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tato-rating-name { overflow: hidden; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.tato-rating-pro { padding: 5px 8px; border-radius: 999px; color: #5b3c91; background: #e7def5; font-size: .68rem; font-weight: 800; letter-spacing: .06em; line-height: 1; }
.tato-rating-badge { padding: 5px 8px; border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .06em; line-height: 1; }
.tato-rating-mentor { color: #3c633e; background: #dff0c5; }
.tato-rating-organizer { color: #795b00; background: #ffe9a6; }
.tato-rating-awards { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.tato-rating-award-badge { display: inline-flex; align-items: center; gap: 4px; min-height: 30px; padding: 4px 8px; border: 1px solid rgba(17, 17, 17, .12); border-radius: 999px; color: #4c3d15; background: #fff8dc; font-size: 1rem; line-height: 1; }
.tato-rating-award-badge strong { color: #111; font-size: .78rem; font-weight: 850; }
.tato-rating-no-awards { color: #888; font-size: .85rem; }
.tato-rating-xp { justify-self: end; padding: 10px 14px; border-radius: 999px; color: #111; background: #ffd451; font-size: 1.05rem; font-weight: 800; white-space: nowrap; }
.tato-rating-score { background: #e7def5; }
.tato-rating-panel[hidden] { display: none; }
.tato-rating-empty { padding: 44px 28px; border-radius: 28px; background: #f7f7f7; }
.tato-rating-empty p { margin: 0 0 8px; font-size: 1.4rem; font-weight: 800; }
.tato-rating-empty span { color: #555; }
.tato-ratings-page .tato-rating-pagination { max-width: 100%; margin-top: 28px; overflow-x: auto; }
.tato-ratings-page .tato-rating-pagination .pagination { justify-content: center; gap: 8px; min-width: max-content; }
.tato-ratings-page .tato-rating-pagination .page-item { margin: 0; }
.tato-ratings-page .tato-rating-pagination .page-link {
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid #171717;
    border-radius: 8px !important;
    color: #171717;
    background: #fff;
    font-weight: 800;
    box-shadow: none;
}
.tato-ratings-page .tato-rating-pagination .page-link:hover,
.tato-ratings-page .tato-rating-pagination .page-link:focus-visible {
    color: #171717;
    background: #ffd55d;
    border-color: #171717;
    box-shadow: none;
}
.tato-ratings-page .tato-rating-pagination .page-item.active .page-link { color: #171717; background: #ffd55d; border-color: #171717; }
.tato-ratings-page .tato-rating-pagination .page-item.disabled .page-link { color: #8d8d8d; background: #f2f2f2; border-color: #d8d8d8; }
.tato-rating-cta { margin: 26px 0 0; padding: 0; border: 0; display: inline-flex; align-items: center; gap: 10px; color: #111; background: transparent; font: inherit; font-size: 1.05rem; font-weight: 700; text-decoration: none; cursor: pointer; }
.tato-rating-cta i { display: inline-block; transition: transform .2s ease; }
.tato-rating-cta:hover, .tato-rating-cta:focus-visible { color: #5b3c91; }
.tato-rating-cta:hover i, .tato-rating-cta:focus-visible i { transform: translateX(6px); }

.tato-home-page {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.tato-community-cta:hover i,
.tato-community-cta:focus-visible i {
    transform: translateX(6px);
}

.tato-home-page .tato-event-card-apply,
.tato-home-page .tato-event-card-details-link,
.tato-home-page .tato-community-cta,
.tato-home-page .btn,
.tato-public-header .tato-header-button {
    font-weight: 700;
}

.tato-community-section-community .tato-community-cta { grid-column: 3; }

.tato-events-list-page {
    width: 100%;
    max-width: none;
    padding-top: 28px !important;
    padding-right: 24px;
    padding-left: 24px;
}

.tato-events-list-heading h1 {
    margin: 0;
    color: #111;
    font-size: clamp(2.5rem, 5vw, 5rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: .95;
}
.tato-events-list-subtitle { margin-top: 16px !important; }

.tato-events-summary,
.tato-events-filter {
    border-radius: 18px;
    background: #f7f7f7;
}

.tato-events-summary-inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 12px; }
.tato-events-summary-item { display: flex; min-height: 76px; flex-direction: column; justify-content: center; padding: 12px 16px; border-radius: 12px; background: #fff; }
.tato-events-summary-item strong { color: #111; font-size: 1.65rem; line-height: 1; }
.tato-events-summary-item span { margin-top: 7px; color: #666; font-size: .78rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; }
.tato-events-summary-item-open strong { color: #198754; }
.tato-events-summary-item-soon strong { color: #b58105; }
.tato-events-summary-item-closed strong { color: #dc3545; }
.tato-events-filter-inner { padding: 28px; }
.tato-events-filter .form-control,
.tato-events-filter .form-select { min-height: 50px; border: 1px solid #ddd; border-radius: 12px; }
.tato-events-filter .form-control:focus,
.tato-events-filter .form-select:focus { border-color: #c9b9ed; box-shadow: 0 0 0 3px rgba(201, 185, 237, .35); }
.tato-events-filter form { display: grid; gap: 12px; }
.tato-events-filter form > [class*="col-"] { width: auto; padding: 0; }
.tato-events-filter form > [class*="col-"] .form-control,
.tato-events-filter form > [class*="col-"] .form-select,
.tato-events-filter form > [class*="col-"] .btn { height: 50px; }
.tato-events-filter form > .d-flex { gap: 8px !important; }
.tato-events-filter form > .d-flex .btn { flex: 1 1 auto; }
.tato-events-filter .btn-primary { border: 0; border-radius: 12px; color: #111; background: #ffd451 !important; font-weight: 800; }
.tato-events-filter .btn-outline-secondary { display: flex; align-items: center; border: 1px solid #111; border-radius: 12px; color: #111; font-weight: 800; }
.tato-events-filter .btn-primary:hover,
.tato-events-filter .btn-primary:focus-visible { color: #111; background: #c9b9ed; }
.tato-events-filter .btn-outline-secondary:hover,
.tato-events-filter .btn-outline-secondary:focus-visible { color: #111; background: #eee; }
.tato-events-list-page .tato-events-empty { grid-column: 1 / -1; min-height: 240px; padding: 44px 28px; border-radius: 30px; background: #f7f7f7; }

@media (min-width: 992px) {
    .tato-events-filter form { grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(130px, 1fr)) minmax(190px, auto); align-items: stretch; }
}

@media (max-width: 575.98px) {
    .tato-events-list-page { padding-right: 16px; padding-left: 16px; }
    .tato-events-list-heading { display: block !important; }
    .tato-events-list-heading h1 { font-size: 2.7rem; }
    .tato-events-summary-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px; }
    .tato-events-filter-inner { padding: 22px; }
}

@media (max-width: 575.98px) {
    body { padding-top: 76px; }

    .tato-public-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .tato-page-shell {
        padding-left: 16px;
        padding-right: 16px;
    }

    .tato-hero,
    .tato-platform-section,
    .tato-events-section,
    .tato-rating-section {
        width: 100%;
        margin-left: 0;
    }

    .tato-community-section {
        width: calc(100% - 32px);
        margin-left: 16px;
        left: 0;
    }

    .tato-site-footer {
        width: calc(100% - 32px);
    }

    .tato-public-header .tato-header-button {
        width: 48px;
        min-height: 46px;
        padding: 0;
        font-size: 1.2rem;
    }

    .tato-public-header .tato-header-button span { display: none; }
    .tato-public-header .tato-header-button i { line-height: 1; }

    .tato-user-layout {
        display: block;
        padding: 0 16px 24px;
    }

    .tato-user-sidebar {
        display: none;
    }

    .tato-header-inner {
        min-height: 76px;
        padding: 8px 12px;
        gap: 12px;
    }

    .tato-header-logo img {
        width: 132px;
        height: 54px;
    }

    .tato-ukraine-flag {
        top: 0;
        right: 0;
    }

    .tato-header-actions {
        gap: 8px;
    }

    .tato-header-button {
        min-height: 46px;
        padding: 0 12px;
        font-size: .88rem;
    }

    .tato-menu-button {
        width: 48px;
        min-height: 46px;
    }

    .tato-auth-modal .modal-header,
    .tato-auth-modal .modal-body {
        padding-left: 22px;
        padding-right: 22px;
    }

    .tato-auth-modal .modal-dialog {
        margin: 0 auto;
    }

    .tato-auth-page-main {
        padding: 28px 14px 36px;
    }

    .tato-auth-page-card-body {
        padding: 30px 22px;
    }

    .tato-hero {
        padding: 12px 16px 28px;
    }

    .tato-hero-title {
        margin-bottom: 28px;
        font-size: clamp(2.7rem, 13vw, 4.4rem);
        line-height: .92;
    }

    .tato-hero-social-proof {
        align-items: flex-start;
        flex-direction: column;
        margin: -12px 0 28px;
        font-size: .9rem;
    }

    .tato-hero-participant-copy {
        white-space: nowrap;
    }

    .tato-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .tato-category-card {
        height: 190px;
        border-radius: 30px;
        padding: 16px;
        font-size: 1.1rem;
    }

    .tato-category-icon {
        font-size: 3rem;
    }

    .tato-workflow-emoji {
        font-size: 3rem;
    }

    .tato-event-card-date {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr);
        gap: 2px 12px;
    }

    .tato-event-card-date > i {
        grid-row: span 2;
    }

    .tato-event-card-date > span + span {
        margin-left: 0;
        text-align: left;
    }

    .tato-hero-bottom {
        margin-top: 10px;
    }

    .tato-event-cta {
        min-height: 180px;
        border-radius: 30px;
        padding: 20px;
    }

    .tato-platform-section {
        padding: 56px 16px 40px;
    }

    .tato-platform-intro {
        display: block;
        padding-bottom: 64px;
    }

    .tato-platform-kicker {
        margin-bottom: 14px;
    }

    .tato-platform-title {
        margin-bottom: 24px;
    }

    .tato-platform-copy {
        font-size: 1.2rem;
    }

    .tato-workflow-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .tato-workflow-card {
        min-height: 240px;
        padding: 28px;
        border-radius: 30px;
    }

    .tato-events-section {
        padding: 56px 16px 40px;
    }

    .tato-events-heading {
        display: block;
        margin-bottom: 36px;
    }

    .tato-events-kicker {
        margin-bottom: 18px;
    }

    .tato-events-description {
        margin-bottom: 18px;
        font-size: 2.7rem;
    }

    .tato-events-heading .tato-events-all-link {
        display: inline-block;
        margin: 0;
    }

    .tato-events-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .tato-event-card {
        border-radius: 30px;
    }

    .tato-event-card-image-wrap,
    .tato-event-card-placeholder {
        height: 190px;
        flex-basis: 190px;
    }

    .tato-event-card-body {
        min-height: 0;
        padding: 24px;
    }

    .tato-events-empty {
        min-height: 240px;
        padding: 28px;
        border-radius: 30px;
        display: block;
    }

    .tato-events-empty p {
        margin-bottom: 28px;
    }

    .tato-community-section {
        width: calc(100vw - 32px);
        margin-left: calc(50% - 50vw + 16px);
        left: 7px;
        padding: 48px 16px 32px;
        border-radius: 30px;
    }

    .tato-community-heading {
        display: block;
    }

    .tato-community-heading .tato-platform-kicker {
        margin: 0 0 18px;
    }

    .tato-community-heading h2 {
        grid-column: auto;
        font-size: 2.9rem;
    }

    .tato-community-title-wrap {
        grid-column: auto;
    }

    .tato-community-title-wrap h2 {
        font-size: 2.9rem;
    }

    .tato-community-subtitle {
        margin-top: 20px;
        font-size: 1.15rem;
    }

    .tato-community-directions {
        margin: 56px 0 64px;
        gap: 10px;
    }

    .tato-community-direction {
        padding: 14px 17px 16px;
        font-size: 1rem;
        white-space: normal;
    }

    .tato-community-footer {
        display: block;
    }

    .tato-community-count {
        max-width: none;
        margin: 0 0 24px;
        font-size: 1.3rem;
    }

    .tato-community-cta {
        width: 100%;
        justify-content: space-between;
    }

    .tato-community-large-cta {
        width: 100%;
        height: 170px;
        min-height: 170px;
        margin: 36px 0 0;
    }

    .tato-rating-section { padding: 56px 16px 40px; }
    .tato-rating-heading { display: block; }
    .tato-rating-heading .tato-platform-kicker { margin: 0 0 18px; }
    .tato-rating-heading h2 { font-size: 2.35rem; }
    .tato-rating-heading p:last-child { font-size: 1rem; }
    .tato-rating-tabs { margin-top: 34px; margin-left: 0; padding-left: 0; }
    .tato-rating-list { border-radius: 22px; }
    .tato-rating-list-header { display: none; }
    .tato-rating-row { grid-template-columns: 42px minmax(0, 1fr) auto; gap: 10px; min-height: 76px; padding: 14px 16px; }
    .tato-rating-users-list .tato-rating-row { grid-template-columns: 42px minmax(0, 1fr) auto; }
    .tato-rating-users-list .tato-rating-user-stat { display: block; grid-column: 2; justify-self: start; color: #555; font-size: .78rem; font-weight: 700; text-align: left; }
    .tato-rating-users-list .tato-rating-user-stat::before { content: attr(data-label) ': '; color: #888; font-weight: 600; }
    .tato-rating-rank { font-size: 1.05rem; }
    .tato-rating-avatar { width: 40px; height: 40px; flex-basis: 40px; }
    .tato-rating-participant { gap: 10px; }
    .tato-rating-awards { display: none; }
    .tato-rating-xp { padding: 8px 10px; font-size: .9rem; }
    .tato-rating-cta { margin-left: 0; font-size: .95rem; }

}

@media (min-width: 576px) and (max-width: 991.98px) {
    .tato-page-shell {
        padding-left: 28px;
        padding-right: 28px;
    }

    .tato-user-layout {
        display: block;
        padding: 0 28px 32px;
    }

    .tato-user-sidebar {
        display: none;
    }

    .tato-platform-section {
        padding-left: 28px;
        padding-right: 28px;
    }

    .tato-platform-intro {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .tato-platform-kicker {
        grid-column: 1 / 3;
    }

    .tato-platform-statement {
        grid-column: 1 / 3;
    }

    .tato-workflow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tato-events-section {
        padding-left: 28px;
        padding-right: 28px;
    }

    .tato-events-heading {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tato-events-kicker {
        grid-column: 1 / -1;
        margin-bottom: 18px;
    }

    .tato-events-description {
        grid-column: 1;
        margin-bottom: 18px;
    }

    .tato-events-heading .tato-events-all-link {
        grid-column: 2;
        justify-self: end;
        margin-bottom: 0;
    }

    .tato-community-section {
        width: calc(100vw - 56px);
        margin-left: calc(50% - 50vw + 28px);
        left: 7px;
        padding-left: 28px;
        padding-right: 28px;
        border-radius: 36px;
    }

    .tato-community-heading {
        grid-template-columns: 1fr 2fr;
        gap: 24px;
    }

    .tato-community-heading h2 {
        grid-column: 2;
    }

    .tato-community-directions {
        margin-left: calc(33.333% + 16px);
        margin-right: 0;
    }

    .tato-community-directions {
        margin-top: 64px;
        margin-bottom: 72px;
    }

    .tato-community-direction {
        font-size: 1.1rem;
        white-space: normal;
    }

    .tato-community-footer {
        grid-template-columns: 1fr 2fr;
        gap: 24px;
    }

    .tato-community-section-community .tato-community-count {
        grid-column: 1;
    }

    .tato-community-section-community .tato-community-cta {
        grid-column: 2;
    }

    .tato-community-title-wrap {
        grid-column: 2;
    }

    .tato-rating-section { padding-left: 28px; padding-right: 28px; }
    .tato-rating-heading { grid-template-columns: 1fr 2fr; gap: 24px; }
    .tato-rating-tabs { margin-left: 0; padding-left: 0; }
    .tato-rating-list-header, .tato-rating-row { grid-template-columns: 64px minmax(220px, 1fr) 100px; }
    .tato-rating-list-header span:nth-child(3), .tato-rating-row .tato-rating-awards { display: none; }

    .tato-events-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tato-event-card-image-wrap,
    .tato-event-card-placeholder {
        height: 190px;
        flex-basis: 190px;
    }

    .tato-event-card-body {
        padding: 24px;
    }

    .tato-event-card-footer {
        display: block;
    }

    .tato-event-card-arrow {
        display: block;
        margin-top: 12px;
    }
}

@media (min-width: 992px) {
    .tato-rating-heading {
        width: calc(100% - 87px);
        margin-left: 47px;
    }

    .tato-rating-heading .tato-platform-kicker {
        margin-left: -47px;
    }

}

@media (min-width: 576px) and (max-width: 991.98px) {
    .tato-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tato-category-card:nth-child(4),
    .tato-category-card:nth-child(5) {
        grid-column: span 1;
    }
}

.tato-public-participant-page { width: 100%; max-width: 1440px; margin: 0 auto; padding: 28px 40px 88px; color: #111; }
.tato-public-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; color: #111; font-weight: 800; text-decoration: none; }
.tato-public-back:hover { color: #5b3c91; }
.tato-public-participant-hero { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; min-height: 390px; overflow: hidden; padding: 56px; border-radius: 40px; background: #c9b9ed; }
.tato-public-participant-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(17, 17, 17, .72), rgba(17, 17, 17, .12)); }
.tato-public-participant-hero-copy, .tato-public-participant-avatar { position: relative; z-index: 1; }
.tato-public-participant-hero-copy { max-width: 820px; color: #fff; }
.tato-public-participant-hero-copy .tato-platform-kicker { color: #fff; }
.tato-public-participant-hero h1 { margin: 0 0 16px; font-size: clamp(3rem, 7vw, 7rem); font-weight: 850; letter-spacing: 0; line-height: .9; }
.tato-public-participant-type { margin: 0 0 22px; font-size: 1.2rem; font-weight: 700; }
.tato-public-rating-badge { display: inline-flex; padding: 10px 15px; border-radius: 999px; color: #111; background: #ffd451; font-weight: 800; }
.tato-public-participant-avatar { width: 170px; height: 170px; flex: 0 0 170px; overflow: hidden; border: 8px solid #fff; border-radius: 50%; background: #cfe2ab; box-shadow: 0 18px 40px rgba(17, 17, 17, .18); }
.tato-public-participant-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tato-public-participant-avatar span { display: grid; width: 100%; height: 100%; place-items: center; font-size: 4rem; }
.tato-public-participant-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-top: 18px; }
.tato-public-metric { min-width: 0; padding: 25px 28px; border-radius: 24px; }
.tato-public-metric strong { display: block; overflow: hidden; font-size: clamp(1.8rem, 4vw, 3.8rem); font-weight: 850; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.tato-public-metric span { display: block; margin-top: 12px; font-weight: 800; }
.tato-public-metric-lime { background: #cfe2ab; }
.tato-public-metric-purple { background: #c9b9ed; }
.tato-public-metric-yellow { background: #ffd451; }
.tato-public-metric-pink { background: #f2bfc9; }
.tato-public-section { padding-top: 88px; }
.tato-public-section h2 { width: 100%; margin: 0 0 28px; font-size: clamp(2.2rem, 4vw, 4.5rem); font-weight: 850; line-height: .94; }
.tato-public-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.tato-public-info-grid div { display: flex; flex-direction: column; gap: 10px; padding: 24px; border-radius: 20px; background: #f7f7f7; }
.tato-public-participant-info-cards { padding-top: 18px; }
.tato-public-participant-info-cards div:nth-child(1) { background: #cfe2ab; }
.tato-public-participant-info-cards div:nth-child(2) { background: #c9b9ed; }
.tato-public-participant-info-cards div:nth-child(3) { background: #ffd451; }
.tato-public-info-grid span { color: #666; font-size: .82rem; font-weight: 800; text-transform: uppercase; }
.tato-public-info-grid strong { font-size: 1.15rem; }
.tato-public-table-wrap { overflow-x: auto; border-radius: 24px; background: #f7f7f7; }
.tato-public-table { width: 100%; min-width: 720px; border-collapse: collapse; }
.tato-public-table th, .tato-public-table td { padding: 18px 20px; border-bottom: 1px solid #e6e6e6; text-align: left; }
.tato-public-table th { color: #666; font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-public-table tr:last-child td { border-bottom: 0; }
.tato-public-table a, .tato-public-work-card a { color: #5b3c91; font-weight: 800; text-decoration: none; }
.tato-public-participant-page table a { color: #5b3c91 !important; }
.tato-public-table a:hover, .tato-public-work-card a:hover { color: #111; }
.tato-public-status { display: inline-flex; padding: 7px 10px; border-radius: 999px; font-size: .78rem; font-weight: 800; }
.tato-status-yellow { background: #ffd451; }
.tato-status-lime { background: #cfe2ab; }
.tato-status-pink { background: #f2bfc9; }
.tato-status-muted { color: #555; background: #e7e7e7; }
.tato-public-awards { display: flex; flex-wrap: wrap; gap: 10px; }
.tato-public-awards span { padding: 14px 16px; border-radius: 16px; background: #cfe2ab; font-weight: 800; }
.tato-public-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tato-public-work-card { min-width: 0; padding: 26px; border-radius: 24px; background: #f7f7f7; }
.tato-public-work-card:nth-child(3n + 2) { background: #c9b9ed; }
.tato-public-work-card:nth-child(3n) { background: #ffd451; }
.tato-public-work-label { display: block; margin-bottom: 28px; color: #555; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.tato-public-work-card h3 { margin: 0 0 8px; font-size: 1.45rem; font-weight: 850; }
.tato-public-work-card p { margin: 0 0 24px; color: #555; }
.tato-public-empty { padding: 28px; border-radius: 22px; color: #666; background: #f7f7f7; font-weight: 700; }
.tato-public-participant-page > .card:first-of-type { display: none; }
.tato-public-participant-page > .card { margin: 88px 0 0 !important; padding: 0; border: 0 !important; border-radius: 0; box-shadow: none !important; background: transparent; }
.tato-public-participant-page > .card .card-body { padding: 0; }
.tato-public-participant-page > .card h5 { margin: 0 0 28px; font-size: clamp(2.2rem, 4vw, 4.5rem); font-weight: 850; line-height: .94; }
.tato-public-participant-page > .card .table-responsive { overflow-x: auto; border-radius: 24px; background: #f7f7f7; }
.tato-public-participant-page > .card .table { min-width: 720px; margin: 0; }
.tato-public-participant-page > .card .table th, .tato-public-participant-page > .card .table td { padding: 18px 20px; border-bottom-color: #e6e6e6; }
.tato-public-participant-page > .card .alert { padding: 28px; border: 0; border-radius: 22px; background: #f7f7f7; }
.tato-public-participant-page > .row { margin-top: 88px; }
.tato-public-participant-page > .row .card { border: 0; border-radius: 24px; background: #cfe2ab; }
.tato-public-participant-page > .row .card-body { padding: 28px; }

.tato-private-participant-page { width: 100%; max-width: 1440px; margin: 0 auto; padding: 28px 40px 88px; color: #111; }
.tato-private-participant-page > a.btn { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px !important; border: 0; color: #111; font-weight: 800; }
.tato-private-participant-page > a.btn:hover { color: #5b3c91; background: transparent; }
.tato-private-participant-page > .alert { border: 0; border-radius: 16px; }
.tato-private-participant-page > .card { margin: 18px 0 0 !important; overflow: hidden; border: 0 !important; border-radius: 24px; box-shadow: none !important; background: #f7f7f7; }
.tato-private-participant-page > .tato-private-participant-hero { position: relative; margin-top: 0 !important; border-radius: 40px; background: #c9b9ed; }
.tato-private-participant-page > .tato-private-participant-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, rgba(17, 17, 17, .72), rgba(17, 17, 17, .12)); }
.tato-private-participant-page > .card .card-body { padding: 32px; }
.tato-private-participant-page > .tato-private-participant-hero .card-body { position: relative; z-index: 1; padding: 56px; }
.tato-private-participant-page > .tato-private-participant-hero .row { align-items: flex-end !important; }
.tato-private-participant-page > .tato-private-participant-hero h2 { margin: 0 0 16px; color: #fff; font-size: clamp(3rem, 7vw, 7rem); font-weight: 850; line-height: .9; }
.tato-private-participant-page > .tato-private-participant-hero .text-muted { color: #fff !important; font-weight: 700; }
.tato-private-participant-page > .tato-private-participant-hero .avatar-lg-image,
.tato-private-participant-page > .tato-private-participant-hero .avatar-lg { width: 170px; height: 170px; border: 8px solid #fff; border-radius: 50%; background: #cfe2ab; box-shadow: 0 18px 40px rgba(17, 17, 17, .18); }
.tato-private-participant-page > .tato-private-participant-hero .avatar-lg-image { object-fit: cover; }
.tato-private-participant-page > .tato-private-participant-hero .avatar-lg { display: grid; place-items: center; color: #111; font-size: 4rem; font-weight: 850; }
.tato-private-participant-page > .tato-private-participant-hero .btn { border-radius: 12px; font-weight: 800; }
.tato-private-participant-page > .tato-private-participant-hero .btn-outline-primary { border-color: #fff; color: #fff; }
.tato-private-participant-page > .tato-private-participant-hero .btn-outline-primary:hover { background: #fff; color: #5b3c91; }
.tato-private-participant-page > .tato-private-participant-hero .btn-outline-danger { border-color: #f2bfc9; color: #111; }
.tato-private-participant-page > .tato-private-participant-hero .btn-outline-secondary { border-color: #fff; color: #fff; }
.tato-private-participant-page > .tato-private-participant-hero .btn-outline-secondary:hover { background: #fff; color: #111; }
.tato-private-participant-page > .tato-private-participant-hero hr { margin: 28px 0; border-color: rgba(255, 255, 255, .35); opacity: 1; }
.tato-private-participant-page > .tato-private-participant-hero .badge { padding: 10px 13px; border: 0 !important; border-radius: 999px; color: #111 !important; background: #cfe2ab !important; font-weight: 800; }
.tato-private-participant-page > .tato-private-participant-hero strong { color: inherit; }
.tato-private-participant-page > .tato-private-participant-collective { background: #f7f7f7; }
.tato-private-participant-page > .tato-private-participant-collective h4,
.tato-private-participant-page > .tato-private-participant-history h4 { margin-bottom: 28px !important; font-size: clamp(2.2rem, 4vw, 4.5rem); font-weight: 850; line-height: .94; }
.tato-private-participant-page > .tato-private-participant-collective .table-responsive,
.tato-private-participant-page > .tato-private-participant-history .table-responsive { overflow-x: auto; border-radius: 24px; background: #f7f7f7; }
.tato-private-participant-page > .tato-private-participant-collective .table,
.tato-private-participant-page > .tato-private-participant-history .table { min-width: 720px; margin: 0; }
.tato-private-participant-page .table th, .tato-private-participant-page .table td { padding: 18px 20px; border-bottom-color: #e6e6e6; }
.tato-private-participant-page .table thead th { color: #666; font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-private-participant-page .table a { color: #5b3c91 !important; font-weight: 800; }
.tato-private-participant-page .badge { border-radius: 999px; font-weight: 800; }
.tato-private-participant-page .alert-light { border: 0; border-radius: 22px; background: #f7f7f7; }
.tato-private-participant-page > .tato-private-participant-history { margin-top: 88px !important; background: transparent; }
.tato-private-participant-page > .tato-private-participant-history .card-body { padding: 0; }
.tato-private-participant-page > .tato-private-participant-history .table { overflow: hidden; border-radius: 24px; background: #f7f7f7; }
.tato-private-participant-page > .tato-private-participant-history .btn { border-radius: 12px; font-weight: 800; }
.tato-private-participant-page > .tato-private-participant-history .btn-outline-primary:hover,
.tato-private-participant-page > .tato-private-participant-history .btn-outline-primary:focus-visible { border-color: #5b3c91; color: #fff; background: #5b3c91; }
.tato-private-participant-details { padding: 24px; border-radius: 24px; background: #fff; color: #111; }
.tato-private-participant-details .row + .row { margin-top: 18px !important; }
.tato-private-participant-details strong { display: block; margin-bottom: 6px; color: #666; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-private-participant-history-table-wrap { max-width: 100%; overflow-x: auto; border-radius: 24px; background: #f7f7f7; }
.tato-private-participant-history-table-wrap .table { min-width: 760px; margin: 0; }
.tato-private-participant-history-table-wrap .table a.btn-outline-primary { border-color: #5b3c91; color: #5b3c91; }
.tato-private-participant-history-table-wrap .table a.btn-outline-primary:hover,
.tato-private-participant-history-table-wrap .table a.btn-outline-primary:focus-visible { border-color: #5b3c91; color: #fff !important; background: #5b3c91; }

@media (max-width: 767.98px) {
    .tato-private-participant-page { padding: 20px 16px 60px; }
    .tato-private-participant-page > .tato-private-participant-hero { border-radius: 30px; }
    .tato-private-participant-page > .tato-private-participant-hero .card-body { padding: 28px; }
    .tato-private-participant-page > .tato-private-participant-hero h2 { font-size: 3.6rem; }
    .tato-private-participant-page > .tato-private-participant-hero .avatar-lg-image,
    .tato-private-participant-page > .tato-private-participant-hero .avatar-lg { width: 110px; height: 110px; border-width: 5px; font-size: 2.5rem; }
    .tato-private-participant-page > .tato-private-participant-hero .col-md-4 { margin-top: 24px; text-align: left !important; }
    .tato-private-participant-page > .tato-private-participant-history { margin-top: 60px !important; }
    .tato-private-participant-page > .card .card-body { padding: 22px 18px; }
    .tato-private-participant-details { padding: 20px 16px; }
}

@media (max-width: 767.98px) {
    .tato-public-participant-page { padding: 20px 16px 60px; }
    .tato-public-participant-hero { display: block; min-height: 480px; padding: 28px; border-radius: 30px; }
    .tato-public-participant-avatar { position: absolute; right: 24px; top: 24px; width: 92px; height: 92px; flex-basis: 92px; border-width: 5px; }
    .tato-public-participant-avatar span { font-size: 2rem; }
    .tato-public-participant-hero-copy { padding-top: 150px; }
    .tato-public-participant-hero h1 { font-size: 3.6rem; }
    .tato-public-participant-metrics { grid-template-columns: repeat(2, 1fr); }
    .tato-public-metric { padding: 20px; }
    .tato-public-info-grid, .tato-public-work-grid { grid-template-columns: 1fr; }
    .tato-public-section { padding-top: 60px; }
}

 .avatar-circle {
    width:36px;
    height:36px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
    box-shadow:0 8px 20px rgba(91,127,255,.25);
    flex-shrink:0;
}

.avatar-circle i{

    font-size:30px;

}

.profile-avatar{
    width:36px;
    height:36px;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    flex-shrink:0;
}

.tato-avatar-notification-wrap { display: inline-flex; align-items: center; }
.tato-notification-count,
.tato-menu-button-count,
.tato-menu-count,
.sidebar-activity-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 2px 7px; border-radius: 999px; color: #111; background: #ffd451; font-size: .72rem; font-weight: 850; line-height: 1; text-align: center; }
.tato-notification-count { margin-left: -4px; border: 2px solid #fff; }
.tato-menu-count { margin-left: 2px; vertical-align: middle; }
.tato-menu-button-count { position: absolute; top: 5px; right: 5px; min-width: 20px; height: 20px; padding: 2px 5px; border: 2px solid #fff; font-size: .65rem; }
.sidebar-activity-badge { margin-left: auto; }
.tato-notification-dot,
.tato-menu-dot,
.tato-menu-button-dot,
.sidebar-activity-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; border: 2px solid currentColor; border-radius: 50%; color: #111; background: #ffd451; box-shadow: 0 0 0 2px #fff; }
.tato-avatar-notification-wrap .tato-notification-dot { position: absolute; top: 1px; right: 5px; width: 9px; height: 9px; border-color: #fff; }
.tato-menu-button { position: relative; }
.tato-menu-button-dot { position: absolute; top: 9px; right: 9px; width: 8px; height: 8px; border-color: #111; box-shadow: 0 0 0 2px #fff; }
.tato-menu-dot { margin-left: 2px; border-color: #ffd451; box-shadow: none; vertical-align: middle; }
.sidebar-activity-dot { margin-left: auto; border-color: #fff; box-shadow: none; }

.avatar-lg{
    width:90px;
    height:90px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    font-size:36px;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
}

.avatar-lg-image{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    display:block;
}

.dashboard-menu .list-group-item{

    border:0;

    display:flex;

    align-items:center;

    gap:2px;

    padding:11px 16px;

    transition:background-color .2s ease,color .2s ease,transform .2s ease;

    font-weight:500;

    color:#495057;

}

.dashboard-menu .list-group-item i{

    width:20px;

    text-align:center;

}

.dashboard-menu .list-group-item:hover{

    background:#fff1bf;

    color:#111;

    transform:translateX(2px);

}

.dashboard-menu .active{

    background:#ffd451;

    color:#111;

    font-weight:600;

    border-left:4px solid #111;

    box-shadow:inset 0 0 0 1px rgba(17,17,17,.08);

}

.dashboard-menu .active i{

    color:#111;

}

.sidebar-user-block{

    padding:20px 16px;

}

.sidebar-user-name{

    font-size:1rem;

}

.sidebar-avatar{

    width:52px;
    height:52px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:22px;
    box-shadow:0 10px 24px rgba(13,110,253,.25);

}

.sidebar-avatar-image{
    width:52px;
    height:52px;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
    display:block;
}

.sidebar-divider{

    height:1px;
    margin:8px 14px;
    background:#e9ecef;

}

.sidebar-logout-link{

    color:#b02a37;

}

.sidebar-logout-link:hover{

    color:#842029;

    background:#fff5f5 !important;

}

@media (min-width: 992px){

    .dashboard-sidebar{
        position:sticky;
        top:1rem;
        align-self:flex-start;
        z-index:10;
    }

}

/* ---------- Wizard ---------- */

.tato-wizard-progress-card,
.tato-wizard-card {
    overflow: hidden;
    border: 0;
    border-radius: 24px;
    background: #f7f7f7;
    box-shadow: none !important;
}

.tato-wizard-progress-card .card-body,
.tato-wizard-card .card-body { padding: clamp(22px, 3vw, 34px); }
.tato-wizard-progress-card h5,
.tato-wizard-card h4,
.tato-wizard-card h5 { color: #111; font-weight: 850; }
.tato-wizard-card h4 { font-size: clamp(1.45rem, 2vw, 2rem); }
.tato-wizard-card .form-label { color: #555; font-size: .85rem; font-weight: 800; }
.tato-wizard-card .form-control,
.tato-wizard-card .form-select { min-height: 50px; border: 1px solid #d9d9d9; border-radius: 12px; background: #fff; color: #111; }
.tato-wizard-card .form-control:focus,
.tato-wizard-card .form-select:focus { border-color: #5b3c91; box-shadow: 0 0 0 .2rem rgba(91, 60, 145, .14); }
.tato-wizard-card .alert,
.tato-wizard-card .alert-light { border: 0 !important; border-radius: 16px; background: #fff; color: #111; }
.tato-wizard-card .alert-info { background: #cfe2ab; }
.tato-wizard-card .alert-warning { background: #ffd451; }
.tato-wizard-card .alert-danger { background: #f2bfc9; }
.tato-wizard-card .btn,
.tato-wizard-progress-card .btn { min-height: 48px; border-radius: 12px; padding: 12px 20px; font-weight: 800; }
.tato-wizard-card .btn-primary,
.tato-wizard-progress-card .btn-primary { border-color: #111; background: #ffd451; color: #111; }
.tato-wizard-card .btn-primary:hover,
.tato-wizard-card .btn-primary:focus-visible,
.tato-wizard-progress-card .btn-primary:hover,
.tato-wizard-progress-card .btn-primary:focus-visible { border-color: #111; background: #c9b9ed; color: #111; }
.tato-wizard-select-participant { border: 0; }
.tato-wizard-select-participant:hover,
.tato-wizard-select-participant:focus-visible { border: 0; }
.tato-wizard-next { border: 0; }
.tato-wizard-next:hover,
.tato-wizard-next:focus-visible { border: 0; }
.tato-wizard-card .btn-success { border-color: #111; background: #cfe2ab; color: #111; }
.tato-wizard-card .btn-outline-primary { border-color: #5b3c91; color: #5b3c91; }
.tato-wizard-card .btn-outline-primary:hover,
.tato-wizard-card .btn-outline-primary:focus-visible { background: #5b3c91; color: #fff; }
.tato-wizard-create-participant { border-color: #5b3c91; background: #5b3c91; color: #fff; }
.tato-wizard-create-participant:hover,
.tato-wizard-create-participant:focus-visible { border-color: #3f286b; background: #3f286b; color: #fff; }
.tato-wizard-card .btn-outline-secondary { border-color: #111; color: #111; }
.tato-wizard-card .btn-outline-secondary:hover,
.tato-wizard-card .btn-outline-secondary:focus-visible { background: #111; color: #fff; }

.wizard-steps { display: flex; justify-content: space-between; position: relative; gap: 12px; }
.wizard-steps::before { content: ""; position: absolute; left: 10%; right: 10%; top: 22px; height: 3px; background: #dedede; z-index: 0; }
.wizard-step { flex: 1; position: relative; z-index: 1; text-align: center; }
.wizard-circle { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; margin: auto; border: 0; border-radius: 50%; background: #fff; color: #555; font-weight: 850; transition: .2s; }
.wizard-step.active .wizard-circle { border: 0; background: #c9b9ed; color: #111; }
.wizard-step.completed .wizard-circle { border: 0; background: #cfe2ab; color: #111; }
.wizard-title { margin-top: 10px; color: #555; font-size: .85rem; font-weight: 750; }
.wizard-step.active .wizard-title { color: #111; }

.event-card{

    transition:.25s;

}

.event-card:hover{

    transform:translateY(-4px);

    box-shadow:0 .75rem 1.5rem rgba(0,0,0,.12)!important;

}

.tato-brand img {
    display: block;
    width: 92px;
    height: auto;
}

.tato-site-footer {
    width: 100%;
    margin: 0;
    padding: 72px 24px 28px;
    color: #fff;
    background: #111;
    border-radius: 44px 44px 0 0;
}

/* ---------- Fullscreen menu ---------- */

body.tato-menu-open { overflow: hidden; }

.tato-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    overflow-y: auto;
    color: #fff;
    background: #111;
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
}

.tato-menu-overlay[hidden] { display: none; }
.tato-menu-overlay.is-open { opacity: 1; pointer-events: auto; }

.tato-menu-overlay-inner {
    min-height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 28px 48px 30px;
}

.tato-menu-overlay-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.tato-menu-overlay-logo { display: inline-flex; align-items: center; }
.tato-menu-overlay-logo img { display: block; width: 190px; height: auto; filter: brightness(0) invert(1); }

.tato-menu-close {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 18px;
    color: #111;
    background: #fff;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.tato-menu-close:hover,
.tato-menu-close:focus-visible { color: #111; background: #f2bfc9; transform: rotate(4deg); }

.tato-menu-overlay-content {
    width: 100%;
    max-width: 1420px;
    margin: auto;
    padding: 72px 0 84px;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(220px, .8fr) minmax(220px, .8fr);
    gap: 56px;
}

.tato-menu-column { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.tato-menu-column h2 { margin: 0 0 18px; color: #aaa; font-size: .95rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.tato-menu-link,
.tato-menu-muted-link {
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
    max-width: 100%;
    padding: 0 0 10px;
    border: 0;
    color: #fff;
    background: transparent;
    font-size: clamp(1.6rem, 2.8vw, 3rem);
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.08;
    text-align: left;
    text-decoration: none;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

.tato-menu-link .tato-menu-arrow { color: #ffd451; opacity: 0; transform: translateX(-8px); transition: opacity .18s ease, transform .18s ease; }
.tato-menu-link:hover,
.tato-menu-link:focus-visible { color: #cfe2ab; transform: translateX(4px); }
.tato-menu-link:hover .tato-menu-arrow,
.tato-menu-link:focus-visible .tato-menu-arrow { opacity: 1; transform: translateX(0); }
.tato-menu-link.is-active { color: #ffd451; }
.tato-menu-link.is-active .tato-menu-arrow { opacity: 1; transform: translateX(0); }
.tato-menu-action { cursor: pointer; }
.tato-menu-admin-link { color: #ffd451; }
.tato-menu-logout-link { color: #f2bfc9; }
.tato-menu-muted-link { color: #777; font-size: clamp(1.35rem, 2vw, 2.15rem); }
.tato-menu-social-link { color: #fff; font-size: clamp(1.35rem, 2vw, 2.15rem); text-decoration: none; }
.tato-menu-social-link:hover,
.tato-menu-social-link:focus-visible { color: #ffd451; text-decoration: none; }
.tato-menu-contact-layout { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 42px; align-items: start; width: 100%; }
.tato-menu-contact-details { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.tato-menu-socials { display: flex; align-items: center; gap: 30px; padding-top: 5px; }
.tato-menu-socials .tato-menu-social-link { display: inline-flex; align-items: center; justify-content: center; padding: 0; color: #777; font-size: 3rem; line-height: 1; }
.tato-menu-contact p { max-width: 260px; margin: 14px 0 0; color: #777; font-size: .9rem; line-height: 1.35; }
.tato-menu-contact { grid-column: span 2; }

@media (min-width: 992px) {
    .tato-menu-overlay-content { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tato-menu-link,
    .tato-menu-muted-link { padding: 0 0 16px; }
}

@media (max-width: 991.98px) {
    .tato-menu-overlay-content { display: flex; flex-direction: column; }
}

.tato-menu-overlay-footer { width: 100%; max-width: 1420px; margin: auto auto 0; padding-top: 24px; border-top: 1px solid #333; }
.tato-menu-meta { display: grid; grid-template-columns: 1fr auto; align-items: center; margin-top: 22px; gap: 18px 30px; }
.tato-menu-payments,
.tato-menu-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.tato-menu-legal { grid-column: 1 / -1; }
.tato-menu-payments span { padding: 7px 10px; border: 1px solid #555; border-radius: 7px; color: #bbb; font-size: .72rem; font-weight: 800; }
.tato-menu-legal { color: #777; font-size: .78rem; }
.tato-menu-legal a { color: #777; text-decoration: none; }
.tato-menu-legal a:hover,
.tato-menu-legal a:focus-visible { color: #ffd451; text-decoration: none; }
.tato-menu-copyright { color: #777; font-size: .78rem; white-space: nowrap; }

.tato-site-footer-main {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(130px, 1fr)) minmax(220px, 1.1fr);
    gap: 40px;
    padding-bottom: 64px;
}

.tato-site-footer-logo { display: inline-block; }
.tato-site-footer-logo img { width: 190px; height: auto; display: block; filter: brightness(0) invert(1); }
.tato-site-footer-brand p { max-width: 260px; margin: 28px 0 10px; font-size: 1.15rem; line-height: 1.2; }
.tato-site-footer-brand > span, .tato-site-footer-contact span, .tato-site-footer-services p { color: #aaa; font-size: .9rem; line-height: 1.35; }
.tato-site-footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.tato-site-footer-column h2, .tato-site-footer-services h2 { margin: 0 0 13px; color: #fff; font-size: 1rem; font-weight: 800; }
.tato-site-footer-column a, .tato-site-footer-column > span { color: #aaa; font-size: .95rem; line-height: 1.25; text-decoration: none; }
.tato-site-footer-contact a { color: #fff; text-decoration: none; }
.tato-site-footer-column a:hover, .tato-site-footer-column a:focus-visible { color: #ffd451; transform: translateX(3px); }
.tato-site-footer-column a.is-current { color: #ffd451; }
.tato-site-footer-column a { transition: color .18s ease, transform .18s ease; }
.tato-site-footer-contact p { margin: 0; color: #aaa; font-size: .95rem; line-height: 1.3; }
.tato-site-footer-services { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 28px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.tato-site-footer-services p { margin: 0; }
.tato-site-footer-payment-placeholder { display: flex; flex-wrap: wrap; gap: 8px; opacity: .55; }
.tato-site-footer-payment-placeholder span { padding: 9px 13px; border: 1px solid #666; border-radius: 8px; color: #ddd; font-size: .78rem; font-weight: 800; letter-spacing: .03em; }
.tato-site-footer-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding-top: 26px; }
.tato-site-footer-legal { display: flex; flex-wrap: wrap; gap: 8px 22px; max-width: 760px; }
.tato-site-footer-legal-title { color: #fff; font-size: .8rem; }
.tato-site-footer-legal a, .tato-site-footer-copyright span { color: #888; font-size: .8rem; text-decoration: none; }
.tato-site-footer-legal a:hover, .tato-site-footer-legal a:focus-visible { color: #ffd451; }
.tato-site-footer-copyright { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; white-space: nowrap; }

.tato-public-page { padding: 64px 24px 96px; }
.tato-public-page-inner { width: min(100%, 960px); margin: 0 auto; }
.tato-public-page h1 { margin: 0 0 32px; font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: 1.05; }
.tato-public-page-content { max-width: 760px; color: #333; font-size: 1.1rem; line-height: 1.75; white-space: normal; }
.tato-static-page-body { max-width: 960px; margin: 0 auto; padding: 0 0 52px; }
.tato-static-page-body h1 { width: 100%; margin: 0 0 28px; color: #111; font-size: clamp(2.2rem, 5vw, 5.4rem); font-weight: 850; letter-spacing: 0; line-height: .95; }

/* ---------- Public event detail ---------- */

.tato-public-event-page {
    padding-top: 28px !important;
    padding-bottom: 72px !important;
}

.tato-event-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #888;
    font-size: .9rem;
    font-weight: 700;
}

.tato-event-breadcrumbs a { color: #111; text-decoration: none; }
.tato-event-breadcrumbs a:hover,
.tato-event-breadcrumbs a:focus-visible { color: #5b3c91; }

.tato-event-detail-hero {
    overflow: hidden;
    margin-bottom: 28px;
    border-radius: 44px;
    background: #fff;
    border: 1px solid #eee;
}

.tato-event-detail-cover {
    position: relative;
    height: 70vh;
    min-height: 520px;
    max-height: 820px;
    overflow: hidden;
    background: #c9b9ed;
}

.tato-event-detail-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.tato-event-detail-cover-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    background: #cfe2ab;
    font-size: clamp(5rem, 12vw, 10rem);
}

.tato-event-detail-badges {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 24px;
    pointer-events: none;
}

.tato-event-detail-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 11px 17px;
    border-radius: 999px;
    color: #fff;
    background: rgba(17, 17, 17, .76);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.tato-event-detail-status { margin-left: auto; background: #3c9b64; }
.tato-event-detail-status-soon { background: #b98316; }
.tato-event-detail-status-closed { background: #555; }

.tato-event-detail-body { padding: 34px 40px 40px; }
.tato-event-detail-kicker { margin: 0 0 12px; color: #777; font-size: .78rem; font-weight: 800; letter-spacing: .08em; }
.tato-event-detail-body h1 { width: 100%; margin: 0 0 18px; color: #111; font-size: clamp(2.2rem, 5vw, 5.4rem); font-weight: 850; letter-spacing: 0; line-height: .95; }
.tato-event-detail-lead { width: 100%; margin: 0 0 28px; color: #555; font-size: 1.15rem; line-height: 1.45; }
.tato-event-detail-actions { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px; }
.tato-event-detail-primary-action { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; padding: 16px 24px; border: 0; border-radius: 14px; color: #111; background: #ffd451; font-size: 1rem; font-weight: 800; text-decoration: none; transition: background-color .2s ease, transform .2s ease; }
.tato-event-detail-primary-action:hover,
.tato-event-detail-primary-action:focus-visible { color: #111; background: #c9b9ed; transform: translateY(-2px); }
.tato-event-detail-primary-action:disabled { cursor: not-allowed; opacity: .7; }
.tato-event-detail-secondary-action { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; margin-left: auto; padding: 16px 24px; border: 0; border-radius: 14px; color: #111; background: #eee; font-size: 1rem; font-weight: 800; text-decoration: none; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.tato-event-detail-secondary-action:hover,
.tato-event-detail-secondary-action:focus-visible,
.tato-event-detail-secondary-action:hover { color: #111; background: #ffd451; transform: translateY(-2px); }
.tato-event-detail-deadline { width: fit-content; margin-top: 14px; padding: 16px 18px; border-radius: 14px; color: #5a4611; background: #fff1bf; font-size: .9rem; font-weight: 800; }

.tato-public-event-page > .tato-event-detail-section,
.tato-public-event-page > .card {
    border: 1px solid #eee !important;
    border-radius: 30px !important;
    box-shadow: none !important;
    background: #fff;
}

.tato-public-event-page > .tato-event-detail-section .card-body,
.tato-public-event-page > .card .card-body { padding: 32px; }
.tato-public-event-page > .card h4 { color: #111; font-size: 1.65rem; font-weight: 850; }
.tato-public-event-page .border.rounded { border-color: #e9e9e9 !important; border-radius: 18px !important; }
.tato-public-event-page .form-control,
.tato-public-event-page .form-select { min-height: 48px; border: 1px solid #ddd; border-radius: 12px; }
.tato-public-event-page .form-control:focus,
.tato-public-event-page .form-select:focus { border-color: #c9b9ed; box-shadow: 0 0 0 3px rgba(201, 185, 237, .35); }
.tato-public-event-page .table-responsive { border: 1px solid #eee; border-radius: 16px; }
.tato-public-event-page .table { margin: 0; }
.tato-public-event-page .table thead th { color: #666; background: #f7f7f7; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-public-event-page .table a { color: #111 !important; text-decoration: none; }
.tato-public-event-page .table a.tato-event-table-participant { color: #5b3c91 !important; font-weight: 800; }
.tato-public-event-page .table a.tato-event-table-participant:hover,
.tato-public-event-page .table a.tato-event-table-participant:focus-visible { color: #111 !important; text-decoration: none; }
.tato-public-event-page .table a.tato-event-table-work { color: #5b3c91 !important; font-weight: 400; }
.tato-public-event-page .table a.tato-event-table-user { color: #111 !important; font-weight: 400; text-decoration: underline; }
.tato-public-event-page .badge.bg-light { padding: 8px 10px; border-radius: 999px; font-weight: 700; }

@media (max-width: 575.98px) {
    .tato-public-event-page { padding-top: 20px !important; padding-bottom: 44px !important; }
    .tato-event-breadcrumbs { margin-bottom: 16px; font-size: .8rem; }
    .tato-event-detail-hero { border-radius: 30px; }
    .tato-event-detail-cover { height: 52vh; min-height: 300px; max-height: 520px; }
    .tato-event-detail-badges { gap: 7px; padding: 14px; }
    .tato-event-detail-badge { min-height: 34px; padding: 8px 10px; font-size: .68rem; }
    .tato-event-detail-body { padding: 26px 20px 28px; }
    .tato-event-detail-body h1 { font-size: 2.7rem; }
    .tato-event-detail-lead { font-size: 1rem; }
    .tato-event-detail-actions { display: block; }
    .tato-event-detail-primary-action,
    .tato-event-detail-secondary-action { width: 100%; margin-left: 0; }
    .tato-event-detail-deadline { margin-top: 12px; }
    .tato-public-event-page > .tato-event-detail-section .card-body,
    .tato-public-event-page > .card .card-body { padding: 22px 18px; }
}

@media (max-width: 991.98px) {
    .tato-site-footer { width: calc(100vw - 56px); margin: 0 28px; padding: 56px 28px 24px; border-radius: 36px 36px 0 0; }
    .tato-site-footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 28px; }
    .tato-site-footer-brand { grid-column: 1 / -1; }
}

/* ---------- User-created public event ---------- */

.tato-basic-event-page { padding-top: 28px !important; padding-bottom: 72px !important; }
.tato-basic-event-card { overflow: visible; border: 1px solid #e8e8e8 !important; border-radius: 30px !important; box-shadow: 0 18px 50px rgba(17, 17, 17, .06); }
.tato-basic-event-heading { display: flex; align-items: center; gap: 12px; }
.tato-basic-event-heading .badge { padding: 10px 12px; border-radius: 999px; color: #111; background: #eef3df !important; font-size: 1rem; }
.tato-basic-event-kicker { color: #777; font-size: .75rem; font-weight: 850; letter-spacing: .09em; }
.tato-basic-event-card h1 { color: #111; font-size: clamp(2.5rem, 6vw, 5.8rem); font-weight: 850; letter-spacing: 0; line-height: .96; }
.tato-basic-event-cover { width: 100%; max-height: 510px; object-fit: cover; border-radius: 22px !important; }
.tato-basic-event-page .row > [class*="col-"] > .border,
.tato-basic-event-page .row > [class*="col-"] > section,
.tato-basic-event-page article > .border,
.tato-basic-event-page article > section { border-color: #e8e8e8 !important; border-radius: 18px !important; background: #fafafa; }
.tato-basic-event-page article > .row { margin-top: 28px !important; }
.tato-basic-event-page article > .row:first-of-type { padding: 20px; border-radius: 22px; background: #f5f6f1; }
.tato-basic-event-page article > p.text-muted { display: inline-flex; align-items: center; gap: 4px; margin: 4px 0 24px; padding: 10px 14px; border-radius: 999px; color: #555 !important; background: #f4f4f4; }
.tato-basic-event-page article h2,
.tato-basic-event-page article h1,
.tato-basic-event-page article h5 { font-weight: 850; }
.tato-basic-event-page article hr { margin: 30px 0; border-color: #e3e3e3; opacity: 1; }
.tato-basic-event-page .btn-primary { min-height: 60px; border: 0; border-radius: 12px; color: #111; background: #ffd451; font-weight: 850; }
.tato-basic-event-page .btn-primary:hover,
.tato-basic-event-page .btn-primary:focus-visible { color: #111; background: #cfe2ab; }
.tato-basic-event-page .form-control { min-height: 48px; border-color: #ddd; border-radius: 12px; }
.tato-basic-event-page .form-control:focus,
.tato-basic-event-page .form-select:focus { border-color: #b8c98d; box-shadow: 0 0 0 3px rgba(207, 226, 171, .45); }
.tato-basic-event-page .table-responsive { overflow-x: auto; border: 1px solid #e8e8e8; border-radius: 16px; background: #fff; }
.tato-basic-event-participants .table-responsive { border: 0; }
.tato-basic-event-page .public-result-group > h3 { margin: 0; padding: 14px 16px; }
.tato-basic-event-page .table thead th { color: #666; background: #f5f6f1; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-basic-event-page .table th, .tato-basic-event-page .table td { padding: 14px; border-bottom-color: #e8e8e8; }
.tato-basic-event-page .table a { color: #111; font-weight: 800; text-decoration: none; }
.tato-basic-event-page .table a:hover { color: #5b3c91; }
.tato-basic-event-page .alert { border: 0; border-radius: 14px; }
.tato-admin-award-summary { display: flex; flex-wrap: nowrap; gap: 10px; overflow-x: auto; }
.tato-admin-award-summary-card { display: inline-flex; min-width: 132px; flex: 0 0 auto; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #e8e8e8; border-radius: 12px; background: #fff; }
.tato-admin-award-summary-icon { font-size: 1.2rem; }
.tato-admin-award-summary-label { color: #555; font-size: .85rem; white-space: nowrap; }
.tato-admin-award-summary-card strong { margin-left: auto; color: #111; font-size: 1.2rem; }
.tato-public-award-summary { margin-top: -4px; }

@media (max-width: 575.98px) {
    .tato-basic-event-page { padding-top: 20px !important; padding-bottom: 44px !important; }
    .tato-basic-event-card { padding: 22px 18px !important; border-radius: 22px !important; }
    .tato-basic-event-hero { border-radius: 22px 22px 0 0; }
    .tato-basic-event-card h1 { font-size: 2.75rem; }
    .tato-basic-event-cover { max-height: 330px; border-radius: 16px !important; }
    .tato-basic-event-page article > .row:first-of-type { padding: 14px; }
    .tato-basic-event-page article > p.text-muted { border-radius: 14px; }
}

/* ---------- Basic event hero and information panels ---------- */

.tato-basic-event-card { padding: 0 !important; }
.tato-pro-event-navigation { position: sticky; top: 14px; z-index: 20; margin: 18px 42px 0; padding: 8px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 16px; background: rgba(255, 255, 255, .82); box-shadow: 0 10px 28px rgba(17, 17, 17, .1); backdrop-filter: blur(14px); }
.tato-pro-profile-navigation { margin: 18px 0 0; }
.tato-pro-event-navigation-scroll { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.tato-pro-event-navigation-scroll::-webkit-scrollbar { display: none; }
.tato-pro-event-navigation a { flex: 0 0 auto; padding: 10px 14px; border-radius: 10px; color: #555; font-size: .9rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.tato-pro-event-navigation a:hover, .tato-pro-event-navigation a:focus-visible { color: #111; background: rgba(207, 226, 171, .5); }
.tato-pro-event-navigation a.is-active { color: #111; background: #ffd451; }
.tato-basic-event-about-panel, .tato-basic-event-pro-block, .tato-basic-event-participants { scroll-margin-top: 92px; }
html:has(.tato-pro-event-navigation) { scroll-behavior: smooth; }
.tato-basic-event-hero { position: relative; height: 70vh; min-height: 520px; max-height: 820px; overflow: hidden; border-radius: 30px 30px 0 0; background: #cfe2ab; }
.tato-basic-event-hero img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tato-basic-event-hero-video-frame { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.tato-basic-event-hero-video-frame iframe { position: absolute; top: 50%; left: 50%; width: 177.7778vh; min-width: 100%; height: 56.25vw; min-height: 100%; transform: translate(-50%, -50%); border: 0; }
.tato-basic-event-hero-placeholder { display: flex; align-items: center; justify-content: center; color: #111; font-size: clamp(6rem, 14vw, 11rem); }
.tato-basic-event-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .12) 15%, rgba(0, 0, 0, .72) 100%); }
.tato-basic-event-hero-content { position: absolute; right: 0; bottom: 0; left: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 46px 54px 52px; color: #fff; }
.tato-basic-event-hero-badges { position: absolute; top: 28px; right: 54px; left: 54px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.tato-basic-event-hero-content .badge { display: inline-flex; align-items: center; gap: 10px; max-width: 50%; padding: 10px 13px; border: 0; border-radius: 999px; color: #111; background: #fff !important; font-size: 1rem; }
.tato-basic-event-type-badge { position: absolute; top: 0; left: 0; }
.tato-basic-event-price-badge { position: absolute; top: 0; right: 0; text-align: right; }
.tato-basic-event-hero-content h1 { width: 100%; margin: 18px 0 0; color: #fff; font-size: clamp(2.8rem, 7vw, 6.5rem); font-weight: 850; letter-spacing: 0; line-height: .94; }
.tato-basic-event-hero-content p { width: 100%; margin: 20px 0 0; color: rgba(255, 255, 255, .88); font-size: 1.08rem; line-height: 1.5; }
.tato-basic-event-logo { width: 92px; height: 92px; margin-bottom: 24px; overflow: hidden; border: 3px solid #fff; border-radius: 50%; background: #fff; box-shadow: 0 10px 24px rgba(0, 0, 0, .2); }
.tato-basic-event-logo img { width: 100%; height: 100%; object-fit: contain; }
.tato-basic-event-content { padding: 34px 42px 44px; }
.tato-basic-event-main-layout { align-items: stretch; }
.tato-basic-event-about-column, .tato-basic-event-contact-column { display: flex; flex-direction: column; }
.tato-basic-event-about-panel { width: 100%; flex: 1 1 auto; }
.tato-basic-event-contact-column .tato-basic-event-organizer { flex: 1 1 auto; }
.tato-basic-event-content > section { margin-top: 32px; }
.tato-basic-event-panel { display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border: 1px solid #e8e8e8; border-radius: 20px; background: #fafafa; }
.tato-basic-event-page + #event-shop { margin: 24px 18px 0; }
.tato-basic-event-pro-block > .tato-basic-event-kicker { display: none; }
.tato-basic-event-kicker { margin: 0 0 8px; color: #777; font-size: .74rem; font-weight: 850; letter-spacing: .09em; }
.tato-basic-event-panel h2, .tato-basic-event-description h2, .tato-basic-event-participants h2, .tato-basic-event-guest h2 { margin: 0 0 22px; color: #111; font-size: 1.55rem; font-weight: 850; }
.tato-basic-event-facts { display: grid; gap: 14px; }
.tato-basic-event-facts > div { display: flex; align-items: flex-start; gap: 12px; }
.tato-basic-event-facts i { flex: 0 0 18px; margin-top: 3px; color: #5b3c91; }
.tato-basic-event-facts span { display: flex; flex-direction: column; gap: 3px; color: #444; }
.tato-basic-event-facts strong { color: #111; font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-basic-event-link { display: block; margin-top: 18px; color: #5b3c91 !important; font-weight: 800; text-decoration: none; }
.tato-basic-event-link:hover, .tato-basic-event-link:focus-visible { color: #39215f !important; text-decoration: underline; }
.tato-basic-event-social { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e3e3e3; }
.tato-basic-event-social strong { color: #111; font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-basic-event-social p { margin: 8px 0 0; line-height: 1.7; }
.tato-basic-event-social-links { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.tato-basic-event-social a { color: #5b3c91 !important; font-weight: 700; text-decoration: none; }
.tato-basic-event-social a:hover { text-decoration: underline; }
.tato-basic-event-payment-links { margin-top: 8px; }
.tato-basic-event-payment-links a { color: #5b3c91 !important; font-size: .9rem; font-weight: 700; text-decoration: none; }
.tato-basic-event-payment-links a:hover,
.tato-basic-event-payment-links a:focus-visible { color: #39215f !important; text-decoration: underline; }
.tato-event-payment-qr-image { display: block; width: min(360px, 100%); max-height: 70vh; margin: 0 auto; object-fit: contain; }
.tato-basic-event-register { width: 100%; margin-top: 26px; }
.tato-basic-event-register { min-height: 60px; display: inline-flex; align-items: center; justify-content: center; }
.tato-merchandise-checkout-button { width: auto; min-width: 210px; min-height: 64px; margin-top: 0; padding: 17px 32px; display: inline-flex; align-items: center; justify-content: center; background: #ffd451; color: #111; font-weight: 850; border-radius: 12px; border: none; }
.tato-merchandise-checkout-button:hover,
.tato-merchandise-checkout-button:focus-visible { background: #ffd451; color: #111; border: none; }
.tato-merchandise-access-button { padding: 15px 30px; border: 0; border-radius: 12px; background: #ffd451; color: #111; font-weight: 800; }
.tato-merchandise-access-button:hover,
.tato-merchandise-access-button:focus-visible { border: 0; background: #cfe2ab; color: #111; }
.tato-merchandise-register-button { padding: 15px 30px; border: 0; border-radius: 12px; background: #ffd451; color: #111; font-weight: 800; }
.tato-merchandise-register-button:hover,
.tato-merchandise-register-button:focus-visible { border: 0; background: #cfe2ab; color: #111; }
.merchandise-product-card { overflow: hidden; border-color: #e5e0ef !important; border-radius: 16px !important; background: #fff; box-shadow: 0 10px 24px rgba(42, 28, 71, .08); transition: transform .2s ease, box-shadow .2s ease; }
.merchandise-product-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(42, 28, 71, .13); }
.merchandise-product-image { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; background: #f5f2fa; }
.merchandise-product-image-placeholder { display: flex; align-items: center; justify-content: center; color: #777; font-size: .85rem; }
.merchandise-product-name { min-height: 2.5rem; margin-bottom: .4rem; }
.merchandise-product-description { min-height: 2.75rem; }
.tato-basic-event-organizer-name { margin-bottom: 20px; color: #111; font-size: 1.15rem; font-weight: 800; }
.tato-basic-event-description { margin-top: 34px; padding: 28px 28px 28px 28px; border-top: 1px solid #e3e3e3; color: #444; line-height: 1.75; }
.tato-basic-event-stats { margin-top: 24px; padding: 22px 24px; border-radius: 20px; background: #cfe2ab !important; }
.tato-basic-event-stats h2 { margin: 0 0 16px; color: #111; font-size: 1.25rem; font-weight: 850; }
.tato-basic-event-stats-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tato-basic-event-stats-grid-contest { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tato-basic-event-stats-grid div { display: flex; flex-direction: column; }
.tato-basic-event-stats-grid strong { color: #111; font-size: 1.7rem; line-height: 1; }
.tato-basic-event-stats-grid span { margin-top: 6px; color: #666; font-size: .85rem; line-height: 1.25; }
.tato-basic-event-pro-block a.btn-primary { color: #111 !important; background-color: transparent !important; border: solid 3px #111 !important; display: flex; align-items: center; justify-content: center; }
.tato-basic-event-pro-block a.btn-primary:hover,
.tato-basic-event-pro-block a.btn-primary:focus-visible { color: #111 !important; background-color: transparent !important; border-color: #111 !important; }
.tato-basic-event-participants, .tato-basic-event-guest { margin-top: 32px; padding-top: 28px; border-top: 1px solid #e3e3e3; }
.tato-basic-event-guest { margin-right: 42px; margin-left: 42px; padding: 28px 42px; }
.tato-basic-event-participant { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #eee; }
.tato-basic-event-participant a { color: #5b3c91 !important; font-weight: 800; text-decoration: none; }
.tato-basic-event-guest h2 span { color: #777; font-size: .85rem; font-weight: 500; }

@media (max-width: 575.98px) {
    .tato-basic-event-hero { height: 70vh; min-height: 360px; max-height: 520px; }
    .tato-basic-event-hero img { min-height: 360px; }
    .tato-basic-event-hero-content { padding: 30px 24px 32px; }
    .tato-basic-event-hero-badges { top: 18px; right: 24px; left: 24px; gap: 8px; }
    .tato-basic-event-hero-content .badge { max-width: 62%; padding: 8px 10px; font-size: .85rem; }
    .tato-basic-event-hero-content h1 { font-size: 3rem; }
    .tato-basic-event-content { padding: 24px 18px 32px; }
    .tato-pro-event-navigation { top: 80px; margin-right: 18px; margin-left: 18px; }
    .tato-basic-event-content > section { margin-top: 26px; }
    .tato-basic-event-panel { padding: 22px 18px; }
    .tato-basic-event-page + #event-shop { margin: 24px 18px 0; padding: 22px 18px; border-radius: 22px; }
    .tato-basic-event-description { margin-top: 26px; padding: 22px 18px; }
    .tato-basic-event-guest { margin-right: 18px; margin-left: 18px; padding: 26px 18px; }
}

@media (max-width: 575.98px) {
    .tato-menu-overlay-inner { padding: 18px 20px 22px; }
    .tato-menu-overlay-logo img { width: 150px; }
    .tato-menu-close { width: 54px; height: 54px; border-radius: 15px; font-size: 2.5rem; }
    .tato-menu-overlay-content { display: flex; flex-direction: column; gap: 44px; padding: 58px 0 54px; }
    .tato-menu-column { gap: 10px; }
    .tato-menu-column h2 { margin-bottom: 12px; font-size: .8rem; }
    .tato-menu-link { font-size: 1.75rem; }
    .tato-menu-muted-link { font-size: 1.3rem; }
    .tato-menu-contact-layout { grid-template-columns: 1fr; gap: 18px; }
    .tato-menu-socials { padding-top: 0; }
    .tato-menu-overlay-footer { margin-top: 0; }
    .tato-menu-meta { display: flex; align-items: flex-start; flex-direction: column; }
    .tato-menu-copyright { margin-left: 0; }

    .tato-site-footer { width: calc(100vw - 32px); margin: 0 16px; padding: 48px 20px 22px; border-radius: 30px 30px 0 0; }
    .tato-site-footer-main { display: flex; flex-direction: column; gap: 38px; padding-bottom: 44px; }
    .tato-site-footer-logo img { width: 168px; }
    .tato-site-footer-services, .tato-site-footer-bottom { align-items: flex-start; flex-direction: column; }
    .tato-site-footer-services { gap: 22px; }
    .tato-site-footer-payment-placeholder { width: 100%; }
    .tato-site-footer-payment-placeholder span { flex: 1; text-align: center; }
    .tato-site-footer-copyright { align-items: flex-start; }
}

.tato-profile-page { width: 100%; max-width: 1440px; margin: 0 auto; padding: 28px 40px 80px; color: #111; }
.tato-profile-hero { min-height: 620px; position: relative; overflow: hidden; display: flex; align-items: flex-end; border-radius: 40px; background: #c9b9ed; }
.tato-profile-hero-media, .tato-profile-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.tato-profile-hero-video { overflow: hidden; }
.tato-profile-hero-video iframe { width: 100%; height: 100%; border: 0; pointer-events: none; transform: scale(1.25); }
.tato-profile-hero-overlay { position: absolute; inset: 0; background: rgba(17, 17, 17, .48); }
.tato-profile-hero-avatar { position: absolute; right: 56px; bottom: 56px; z-index: 1; width: 156px; height: 156px; overflow: hidden; border: 8px solid #fff; border-radius: 50%; background: #cfe2ab; box-shadow: 0 18px 40px rgba(17, 17, 17, .22); }
.tato-profile-hero-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tato-profile-hero-content { position: relative; z-index: 1; max-width: 900px; padding: 56px; color: #fff; }
.tato-profile-hero-content h1 { margin: 0 0 22px; font-size: clamp(3.2rem, 8vw, 8rem); font-weight: 850; line-height: .88; }
.tato-profile-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.tato-profile-tags span, .tato-profile-tags b { padding: 9px 13px; border-radius: 999px; color: #111; background: #ffd451; font-size: .85rem; font-weight: 800; }
.tato-profile-tags b { background: #cfe2ab; }
.tato-profile-rating { padding: 9px 13px; border-radius: 999px; color: #111; background: #fff; font-size: .85rem; font-weight: 800; }
.tato-profile-hero-rating { position: absolute; top: 28px; left: 56px; z-index: 1; }
.tato-profile-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 18px 0 0; }
.tato-profile-collective-card, .tato-public-collective-card { margin-top: 18px; padding: 28px; border-radius: 24px; background: #f7f7f7; }
.tato-profile-collective-card .tato-platform-kicker, .tato-public-collective-card .tato-platform-kicker { margin-bottom: 18px; }
.tato-profile-collective-card h2, .tato-public-collective-card h2 { margin: 0 0 22px; font-size: clamp(1.8rem, 3vw, 3.2rem); font-weight: 850; line-height: .95; }
.tato-profile-collective-list, .tato-public-collective-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tato-profile-collective-list div, .tato-public-collective-list div { display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; border-radius: 16px; background: #cfe2ab; }
.tato-profile-collective-list div:nth-child(4n + 2), .tato-public-collective-list div:nth-child(4n + 2) { background: #c9b9ed; }
.tato-profile-collective-list div:nth-child(4n + 3), .tato-public-collective-list div:nth-child(4n + 3) { background: #ffd451; }
.tato-profile-collective-list div:nth-child(4n), .tato-public-collective-list div:nth-child(4n) { background: #f2bfc9; }
.tato-profile-collective-list span, .tato-public-collective-list span { color: #555; font-size: .9rem; }
.tato-profile-stats div { padding: 28px; border-radius: 24px; background: #f7f7f7; }
.tato-profile-stats div:nth-child(2) { background: #c9b9ed; }
.tato-profile-stats div:nth-child(3) { background: #ffd451; }
.tato-profile-stats div:nth-child(4) { background: #f2bfc9; }
.tato-profile-stats strong { display: block; font-size: clamp(2.4rem, 5vw, 4.8rem); font-weight: 850; line-height: .9; }
.tato-profile-stats span { display: block; margin-top: 12px; font-weight: 800; }
.tato-profile-info-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding-top: 18px; }
.tato-profile-info-cards div { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 24px; border-radius: 20px; }
.tato-profile-info-cards div:nth-child(1) { background: #cfe2ab; }
.tato-profile-info-cards div:nth-child(2) { background: #c9b9ed; }
.tato-profile-info-cards div:nth-child(3) { background: #ffd451; }
.tato-profile-info-cards span { color: #555; font-size: .82rem; font-weight: 800; text-transform: uppercase; }
.tato-profile-info-cards strong { overflow: hidden; font-size: 1.15rem; text-overflow: ellipsis; }
.tato-profile-section { padding: 88px 0 0; }
.tato-profile-section h2, .tato-profile-donation h2 { width: 100%; max-width: none; margin: 0 0 28px; font-size: clamp(2.2rem, 4vw, 4.5rem); font-weight: 850; line-height: .94; }
.tato-profile-about > p:last-child { max-width: 800px; color: #555; font-size: 1.25rem; line-height: 1.55; }
.tato-profile-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tato-profile-work-card { min-width: 0; overflow: hidden; border-radius: 28px; background: #f7f7f7; }
.tato-profile-work-card-featured { grid-column: span 1; }
.tato-profile-work-media { aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; background: #cfe2ab; }
.tato-profile-work-media > img { width: 100%; height: 100%; object-fit: cover; }
.tato-profile-work-media-link { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.tato-profile-work-media-link img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.tato-profile-work-media-link:hover img, .tato-profile-work-media-link:focus-visible img { transform: scale(1.04); }
.tato-profile-work-media-link:focus-visible { outline: 3px solid #5b3c91; outline-offset: -3px; }
.tato-profile-work-play { position: absolute; top: 50%; left: 50%; display: grid; width: 58px; height: 58px; place-items: center; transform: translate(-50%, -50%); border-radius: 50%; color: #111; background: #ffd451; box-shadow: 0 8px 24px rgba(17, 17, 17, .24); font-size: 2rem; }
.tato-profile-work-play i { margin-left: 3px; }
.tato-profile-work-card:nth-child(3n + 2) .tato-profile-work-media { background: #c9b9ed; }
.tato-profile-work-card:nth-child(3n) .tato-profile-work-media { background: #ffd451; }
.tato-profile-work-video, .tato-profile-work-document { display: grid; place-items: center; gap: 5px; font-weight: 850; }
.tato-profile-work-video i, .tato-profile-work-document i { font-size: 3rem; }
.tato-profile-work-content { padding: 24px; }
.tato-profile-work-type { color: #5b3c91; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.tato-profile-work-content h3 { margin: 8px 0; font-size: 1.4rem; font-weight: 850; }
.tato-profile-work-content p { margin: 0 0 12px; color: #555; line-height: 1.4; }
.tato-profile-work-content .tato-profile-work-event { font-size: .9rem; font-weight: 700; }
.tato-profile-work-content ul { padding-left: 18px; margin: 0 0 14px; color: #555; }
.tato-profile-work-content a, .tato-profile-socials a, .tato-profile-donation a { color: #5b3c91; font-weight: 800; text-decoration: none; }
.tato-profile-work-content a:hover, .tato-profile-socials a:hover, .tato-profile-donation a:hover { color: #111; }
.tato-profile-timeline { max-width: 900px; border-left: 2px solid #c9b9ed; }
.tato-profile-timeline article { position: relative; display: grid; grid-template-columns: 100px 1fr; gap: 24px; padding: 0 0 34px 28px; }
.tato-profile-timeline article::before { content: ''; position: absolute; top: 5px; left: -8px; width: 14px; height: 14px; border-radius: 50%; background: #ffd451; }
.tato-profile-timeline strong { font-size: 1.4rem; }
.tato-profile-timeline h3 { margin: 0 0 6px; font-size: 1.2rem; font-weight: 850; }
.tato-profile-timeline p { margin: 0; color: #555; }
.tato-profile-achievements, .tato-profile-socials { display: flex; flex-wrap: wrap; gap: 10px; }
.tato-profile-achievements span { padding: 14px 16px; border-radius: 16px; background: #cfe2ab; font-weight: 800; }
.tato-profile-socials a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 17px; border-radius: 14px; background: #eee; }
.tato-profile-socials i { font-size: 1.2rem; }
.tato-profile-donation { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 88px; padding: 44px; border-radius: 32px; background: #ffd451; }
.tato-profile-donation h2 { width: 100%; max-width: none; margin-bottom: 22px; }
.tato-profile-donation img { width: 180px; height: 180px; object-fit: contain; background: #fff; }
.tato-profile-donation a { display: inline-flex; gap: 8px; margin-top: 10px; color: #111; }
.tato-profile-muted { color: #777; font-size: 1.1rem; }

.tato-user-public-page { width: 100%; max-width: 1440px; margin: 0 auto; padding: 28px 40px 88px; color: #111; }
.tato-user-public-hero { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; min-height: 390px; overflow: hidden; padding: 56px; border-radius: 40px; background: #c9b9ed; }
.tato-user-public-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(17, 17, 17, .72), rgba(17, 17, 17, .12)); }
.tato-user-public-hero-copy, .tato-user-public-avatar { position: relative; z-index: 1; }
.tato-user-public-hero-copy { max-width: 850px; color: #fff; }
.tato-user-public-hero-copy .tato-platform-kicker { color: #fff; }
.tato-user-public-hero h1 { margin: 0 0 16px; font-size: clamp(3rem, 7vw, 7rem); font-weight: 850; line-height: .9; }
.tato-user-public-hero p:last-child { margin: 0; font-size: 1.2rem; font-weight: 700; }
.tato-user-public-avatar { width: 170px; height: 170px; flex: 0 0 170px; overflow: hidden; border: 8px solid #fff; border-radius: 50%; background: #cfe2ab; box-shadow: 0 18px 40px rgba(17, 17, 17, .18); }
.tato-user-public-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tato-user-public-avatar span, .tato-user-public-small-avatar span { display: grid; width: 100%; height: 100%; place-items: center; font-size: 2rem; }
.tato-user-public-about { margin-top: 18px; padding: 28px; border-radius: 24px; background: #f7f7f7; }
.tato-user-public-about p:last-child { max-width: 900px; margin: 0; color: #555; font-size: 1.2rem; line-height: 1.55; }
.tato-user-public-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-top: 18px; }
.tato-user-public-stats div { padding: 28px; border-radius: 24px; background: #cfe2ab; }
.tato-user-public-stats div:nth-child(2) { background: #c9b9ed; }
.tato-user-public-stats div:nth-child(3) { background: #ffd451; }
.tato-user-public-stats div:nth-child(4) { background: #f2bfc9; }
.tato-user-public-stats strong { display: block; font-size: clamp(2.2rem, 5vw, 4.6rem); font-weight: 850; line-height: .9; }
.tato-user-public-stats span { display: block; margin-top: 12px; font-weight: 800; }
.tato-user-public-section { padding-top: 88px; }
.tato-user-public-section h2 { margin: 0 0 28px; font-size: clamp(2.2rem, 4vw, 4.5rem); font-weight: 850; line-height: .94; }
.tato-user-public-participants { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tato-user-public-participant-card { min-width: 0; padding: 24px; border-radius: 24px; background: #cfe2ab; }
.tato-user-public-participant-card:nth-child(3n + 2) { background: #c9b9ed; }
.tato-user-public-participant-card:nth-child(3n) { background: #ffd451; }
.tato-user-public-participant-head { display: flex; align-items: center; gap: 14px; min-width: 0; }
.tato-user-public-small-avatar { width: 58px; height: 58px; flex: 0 0 58px; overflow: hidden; border: 3px solid #fff; border-radius: 50%; background: #f7f7f7; }
.tato-user-public-small-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tato-user-public-participant-head > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.tato-user-public-participant-head a, .tato-user-public-participant-head strong { color: #111; font-size: 1.15rem; font-weight: 850; text-decoration: none; }
.tato-user-public-participant-head a:hover, .tato-user-public-work-grid a:hover, .tato-user-public-award-list a:hover { color: #5b3c91; }
.tato-user-public-participant-head b { padding: 5px 8px; border-radius: 999px; color: #5b3c91; background: #e7def5; font-size: .68rem; letter-spacing: .06em; }
.tato-user-public-participant-head span, .tato-user-public-participant-head small { flex-basis: 100%; color: #555; }
.tato-user-public-recognition-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; }
.tato-user-public-recognition-grid article { min-width: 0; padding: 26px; border-radius: 24px; background: #f7f7f7; }
.tato-user-public-recognition-grid article:nth-child(2) { background: #c9b9ed; }
.tato-user-public-recognition-grid h3 { margin: 0 0 20px; font-size: 1.45rem; font-weight: 850; }
.tato-user-public-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.tato-user-public-badges span { padding: 12px 14px; border-radius: 14px; background: #cfe2ab; font-weight: 800; }
.tato-user-public-muted { margin: 0; color: #777; }
.tato-user-public-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tato-user-public-work-grid article { min-width: 0; padding: 26px; border-radius: 24px; background: #f7f7f7; }
.tato-user-public-work-grid article:nth-child(3n + 2) { background: #c9b9ed; }
.tato-user-public-work-grid article:nth-child(3n) { background: #ffd451; }
.tato-user-public-work-grid article > span { display: block; margin-bottom: 26px; color: #555; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.tato-user-public-work-grid h3 { margin: 0 0 8px; font-size: 1.4rem; font-weight: 850; }
.tato-user-public-work-grid p { margin: 0 0 18px; color: #555; }
.tato-user-public-work-grid a, .tato-user-public-award-list a { display: inline-flex; margin: 4px 12px 0 0; color: #5b3c91; font-weight: 800; text-decoration: none; }
.tato-user-public-award-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.tato-user-public-award-list article { display: flex; flex-direction: column; gap: 8px; padding: 20px; border-radius: 18px; background: #f7f7f7; }
.tato-user-public-award-list strong { font-size: 1.15rem; }
.tato-user-public-award-list span { color: #555; }
.tato-user-public-empty { padding: 28px; border-radius: 22px; color: #666; background: #f7f7f7; font-weight: 700; }

@media (max-width: 767.98px) {
    .tato-user-public-page { padding: 20px 16px 60px; }
    .tato-user-public-hero { display: block; min-height: 480px; padding: 28px; border-radius: 30px; }
    .tato-user-public-avatar { position: absolute; top: 24px; right: 24px; width: 92px; height: 92px; flex-basis: 92px; border-width: 5px; }
    .tato-user-public-avatar span { font-size: 2rem; }
    .tato-user-public-hero-copy { padding-top: 150px; }
    .tato-user-public-hero h1 { font-size: 3.6rem; }
    .tato-user-public-stats { grid-template-columns: repeat(2, 1fr); }
    .tato-user-public-stats div { padding: 20px; }
    .tato-user-public-participants, .tato-user-public-recognition-grid, .tato-user-public-work-grid, .tato-user-public-award-list { grid-template-columns: 1fr; }
    .tato-user-public-section { padding-top: 60px; }
}

@media (max-width: 767.98px) {
    .tato-profile-page { padding: 20px 16px 56px; }
    .tato-profile-hero { min-height: 520px; border-radius: 30px; }
    .tato-profile-hero-content { padding: 28px; }
    .tato-profile-hero-content h1 { font-size: 3.6rem; }
    .tato-profile-hero-avatar { top: 24px; right: 24px; bottom: auto; width: 96px; height: 96px; border-width: 5px; }
    .tato-profile-hero-rating { top: 20px; left: 28px; }
    .tato-profile-stats { grid-template-columns: repeat(2, 1fr); }
    .tato-profile-stats div { padding: 20px; }
    .tato-profile-info-cards { grid-template-columns: 1fr; }
    .tato-profile-collective-list, .tato-public-collective-list { grid-template-columns: 1fr; }
    .tato-profile-section { padding-top: 60px; }
    .tato-profile-work-grid { grid-template-columns: 1fr; }
    .tato-profile-timeline article { grid-template-columns: 64px 1fr; gap: 12px; padding-left: 20px; }
    .tato-profile-donation { display: block; margin-top: 60px; padding: 28px; }
    .tato-profile-donation img { margin-top: 24px; }
}

.tato-dashboard-page { padding: 0; padding-top: 0 !important; padding-bottom: 0 !important; color: #111; }
.tato-dashboard-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; padding: 34px 38px; border-radius: 30px; background: #c9b9ed; }
.tato-dashboard-intro h1 { margin: 0 0 10px; font-size: clamp(2.2rem, 4vw, 4.6rem); font-weight: 850; line-height: .94; }
.tato-dashboard-intro h1 strong { color: #5b3c91; }
.tato-dashboard-intro p:last-child { margin: 0; color: #4e4560; font-size: 1.05rem; font-weight: 600; }
.tato-dashboard-intro-rating { min-width: 180px; padding: 18px 20px; border-radius: 18px; background: #fff; }
.tato-dashboard-intro-rating span, .tato-dashboard-intro-rating strong { display: block; }
.tato-dashboard-intro-rating span { color: #666; font-weight: 700; }
.tato-dashboard-intro-rating strong { margin-top: 4px; font-size: 2rem; line-height: 1; }
.tato-dashboard-grid { --bs-gutter-x: 18px; --bs-gutter-y: 18px; }
.tato-dashboard-page .card { height: 100%; overflow: hidden; border: 0; border-radius: 24px; background: #f7f7f7; box-shadow: none !important; }
.tato-dashboard-page .card-header { padding: 22px 26px; border: 0; background: #c9b9ed !important; }
.tato-dashboard-page .card-header h4, .tato-dashboard-page .card-body > h4, .tato-dashboard-page .card-body > h2 { font-weight: 850; }
.tato-dashboard-page .card-body { padding: 26px; }
.tato-dashboard-page .card-body > h4 { margin-bottom: 18px; font-size: 1.5rem; }
.tato-dashboard-page hr { margin: 0 0 22px; border-color: #ddd; opacity: 1; }
.tato-dashboard-page .progress { height: 16px; overflow: hidden; border-radius: 999px; background: #e8e8e8; }
.tato-dashboard-page .progress-bar { border-radius: inherit; background: #5b3c91; }
.tato-dashboard-page .border { border-color: #e2e2e2 !important; border-radius: 16px !important; }
.tato-dashboard-page .bg-light { background: #fff !important; }
.tato-dashboard-page .list-group { overflow: hidden; border-color: #ddd !important; border-radius: 16px !important; }
.tato-dashboard-page .list-group-item { padding: 14px 16px; border-color: #e6e6e6; background: transparent; }
.tato-dashboard-page .btn { display: block; padding: 12px; border-radius: 12px; font-weight: 800; }
.tato-dashboard-page .btn-primary { border-color: #5b3c91; background: #5b3c91; }
.tato-dashboard-page .btn-success { border-color: #111; background: #cfe2ab; color: #111; }
.tato-dashboard-page .btn-outline-primary { border-color: #5b3c91; color: #5b3c91; }
.tato-dashboard-page .btn-outline-primary:hover { background: #5b3c91; color: #fff; }
.tato-dashboard-page .badge { border-radius: 999px; }
.tato-dashboard-page .display-5, .tato-dashboard-page .display-6 { font-weight: 850; }
.tato-dashboard-page #awards-section { background: #ffd451; }
.tato-dashboard-page #awards-section .card-header { background: transparent !important; }
.tato-dashboard-page #awards-section .row > div > .border,
.tato-dashboard-page #awards-section .list-group { background: #fff; }
.tato-award-stats-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.tato-award-stat-card { display: flex; min-width: 0; min-height: 104px; flex-direction: column; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid #e2e2e2; border-radius: 16px; background: #fff; }
.tato-award-stat-label { color: #555; font-size: .82rem; font-weight: 750; line-height: 1.25; }
.tato-award-stat-value { color: #111; font-size: 1.8rem; line-height: 1; }
@media (max-width: 1199.98px) {
    .tato-award-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .tato-award-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.tato-dashboard-page .tato-dashboard-registrations-card a:not(.btn),
.tato-dashboard-page .tato-dashboard-registrations-card a:not(.btn):visited,
.tato-dashboard-page .tato-dashboard-registrations-card a:not(.btn):hover,
.tato-dashboard-page .tato-dashboard-registrations-card a:not(.btn):focus-visible { color: #111 !important; font-weight: 800 !important; }
.tato-dashboard-page #achievements-section > .card { background: #fff; }
.tato-dashboard-page #achievements-section .card-body > h4 { color: #5b3c91; }
.tato-dashboard-page #achievements-section .card .card { background: #f7f7f7; }
.tato-dashboard-page .tato-dashboard-rating-card { background: #cfe2ab; }
.tato-dashboard-page .tato-dashboard-rating-card .card-header { background: transparent !important; }
.tato-dashboard-page .tato-dashboard-rating-card .card-body > .border,
.tato-dashboard-page .tato-dashboard-rating-card .card-body .row > div > .border { background: #fff; }
.tato-rating-breakdown { padding: 16px; border: 1px solid #e2e2e2; border-radius: 16px; background: rgba(255, 255, 255, .62); }
.tato-rating-breakdown-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.tato-rating-breakdown-card { display: flex; min-width: 0; min-height: 94px; flex-direction: column; justify-content: space-between; gap: 10px; padding: 14px; border: 1px solid #e2e2e2; border-radius: 14px; background: #fff; }
.tato-rating-breakdown-label { color: #555; font-size: .82rem; font-weight: 750; line-height: 1.3; }
.tato-rating-breakdown-label small { display: block; margin-top: 5px; color: #888; font-size: .72rem; font-weight: 600; }
.tato-rating-breakdown-value { color: #111; font-size: 1.35rem; line-height: 1; }
@media (max-width: 1199.98px) {
    .tato-rating-breakdown-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .tato-rating-breakdown-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.tato-event-form-page { padding-top: 30px !important; padding-bottom: 112px; color: #111; }
.tato-event-form-heading { display: grid; grid-template-columns: minmax(180px, .32fr) 1fr; gap: 34px; align-items: end; margin-bottom: 30px; padding: 30px 36px 34px; border-radius: 28px; background: #cfe2ab; }
.tato-event-form-heading .tato-dashboard-back-link { align-self: start; margin: 0; color: #111; }
.tato-event-form-heading .tato-dashboard-back-link:hover { color: #58752f; }
.tato-event-form-heading .tato-platform-kicker { margin: 0 0 10px; color: #58752f; }
.tato-event-form-heading h1 { margin: 0 0 12px; font-size: clamp(2.5rem, 5vw, 5.2rem); font-weight: 850; letter-spacing: -.04em; line-height: .9; }
.professional-profile-editor .tato-event-form-heading > div > p.text-muted { margin-top: 24px !important; }
.tato-event-form-heading p:last-child { margin: 0; color: #45532e; font-size: 1.05rem; font-weight: 600; line-height: 1.5; }
.tato-event-form-alert { margin-bottom: 20px; border: 0; border-radius: 14px; }
.tato-event-form { display: grid; gap: 16px; }
.tato-event-form > .tato-event-form-alert:first-child { display: none; }
.tato-event-form-panel { padding: 28px 30px 32px; border: 1px solid #e3e3e3; border-radius: 22px; background: #fff; }
.tato-event-form-panel-heading { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
.tato-event-form-index { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 12px; color: #fff; background: #111; font-size: .78rem; font-weight: 850; }
.tato-event-form-panel-heading .tato-platform-kicker { margin: 0 0 5px; color: #58752f; }
.tato-event-form-panel-heading h2 { margin: 0; font-size: 1.5rem; font-weight: 850; }
.tato-professional-intro { margin-top: 34px; padding: 8px 8px 0; }
.tato-professional-intro-heading { display: flex; align-items: flex-start; gap: 16px; }
.tato-professional-intro-text { margin: 9px 0 0; color: #65705a; font-size: .95rem; line-height: 1.5; }
.tato-event-form .form-label { margin-bottom: 7px; color: #555; font-size: .76rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.tato-event-form .form-control, .tato-event-form .form-select { min-height: 48px; border: 1px solid #d8d8d8; border-radius: 11px; color: #111; background-color: #fafafa; }
.tato-event-form textarea.form-control { min-height: 0; resize: vertical; }
.tato-event-form .form-control:focus, .tato-event-form .form-select:focus { border-color: #9bb66a; box-shadow: 0 0 0 3px rgba(155, 182, 106, .22); background: #fff; }
.tato-event-form .form-text { margin-top: 7px; color: #777; }
.tato-event-form-professional [data-pro-editor] { margin-top: 28px !important; }
.tato-document-page { min-height: 65vh; padding: 42px 18px 80px; background: linear-gradient(135deg, #f7f7f3 0%, #eef3e7 100%); }
.tato-document-shell { width: min(100%, 980px); margin: 0 auto; overflow: hidden; border: 1px solid #e2e5dc; border-radius: 28px; background: #fff; box-shadow: 0 22px 60px rgba(17, 17, 17, .1); }
.tato-document-hero { position: relative; display: flex; align-items: center; gap: 18px; min-height: 210px; padding: 38px 42px; color: #111; background: #cfe2ab; }
.tato-document-hero.is-pending { background: #ffd451; }
.tato-document-mark { display: grid; width: 68px; height: 68px; flex: 0 0 68px; place-items: center; border-radius: 22px; color: #111; background: rgba(255, 255, 255, .72); font-size: 2rem; }
.tato-document-hero .tato-platform-kicker { margin: 0 0 9px; color: rgba(17, 17, 17, .62); font-size: .72rem; font-weight: 850; letter-spacing: .12em; }
.tato-document-hero h1 { margin: 0 0 9px; font-size: clamp(2rem, 5vw, 4rem); font-weight: 850; letter-spacing: -.04em; line-height: .94; }
.tato-document-hero p:not(.tato-platform-kicker) { max-width: 620px; margin: 0; color: rgba(17, 17, 17, .7); font-size: 1.02rem; }
.tato-document-status { align-self: flex-start; margin-left: auto; padding: 9px 13px; border-radius: 999px; color: #111; background: rgba(255, 255, 255, .7); font-size: .78rem; font-weight: 850; white-space: nowrap; }
.tato-document-body { padding: 38px 42px 42px; }
.tato-document-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 25px; border-bottom: 1px solid #e7e9e3; }
.tato-document-eyebrow { display: block; margin-bottom: 7px; color: #58752f; font-size: .74rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.tato-document-heading h2 { margin: 0; color: #111; font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 850; line-height: 1; }
.tato-document-download { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 11px 18px; border: 0; border-radius: 14px; color: #111; background: #ffd451; font-weight: 850; text-decoration: none; white-space: nowrap; }
.tato-document-download:hover, .tato-document-download:focus-visible { color: #111; background: #f0c52b; }
.tato-document-notice { display: flex; align-items: center; gap: 9px; margin-top: 24px; padding: 13px 15px; border-radius: 12px; color: #5b4a16; background: #fff7d6; font-size: .92rem; }
.tato-document-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 28px 0 0; overflow: hidden; border: 1px solid #e7e9e3; border-radius: 16px; background: #e7e9e3; }
.tato-document-details > div { min-width: 0; padding: 18px 20px; background: #fff; }
.tato-document-details .tato-document-detail-wide { grid-column: 1 / -1; }
.tato-document-details dt { margin-bottom: 7px; color: #7a7f75; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.tato-document-details dd { margin: 0; overflow-wrap: anywhere; color: #111; font-size: 1rem; font-weight: 700; }
.tato-document-code { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 25px; padding: 15px 17px; border-radius: 13px; color: #62685e; background: #f5f6f2; }
.tato-document-code span { font-size: .74rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.tato-document-code strong { overflow-wrap: anywhere; color: #111; font-family: monospace; font-size: .82rem; font-weight: 600; text-align: right; }
.tato-document-empty { max-width: 680px; padding: 56px 42px; text-align: center; }
.tato-document-empty .tato-document-mark { margin: 0 auto 22px; background: #ffd451; }
.tato-document-empty .tato-platform-kicker { color: #58752f; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.tato-document-empty h1 { margin: 12px 0 10px; color: #111; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 850; letter-spacing: -.04em; }
.tato-document-empty p:not(.tato-platform-kicker) { margin: 0 auto 26px; color: #666; }
@media (max-width: 640px) {
    .tato-document-page { padding: 18px 12px 52px; }
    .tato-document-hero { align-items: flex-start; flex-wrap: wrap; padding: 28px 24px; }
    .tato-document-status { margin-left: 0; }
    .tato-document-body { padding: 28px 22px; }
    .tato-document-heading { align-items: flex-start; flex-direction: column; }
    .tato-document-download { width: 100%; }
    .tato-document-details { grid-template-columns: 1fr; }
    .tato-document-details .tato-document-detail-wide { grid-column: auto; }
    .tato-document-code { align-items: flex-start; flex-direction: column; }
    .tato-document-code strong { text-align: left; }
    .tato-document-empty { padding: 42px 24px; }
}
.tato-event-pro-info-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border: 0; border-radius: 16px; color: #111; background: #ffd451; font-weight: 850; }
.tato-event-pro-info-button:hover, .tato-event-pro-info-button:focus-visible { border: 0; color: #111; background: #f0c52b; }
.tato-pro-form-block { padding: 22px 24px 24px; border: 1px solid #e1e6d8; border-radius: 16px; background: #f7f8f4; }
.tato-pro-form-block h3 { margin-bottom: 18px; color: #26301d; font-weight: 850; }
.tato-pro-payment-block { margin-bottom: 22px; }
.tato-pro-form-block[data-pro-repeater] { margin-top: 22px !important; }
.tato-event-form-options { background: #f7f7f7; }
.tato-event-form-options .form-check { display: flex; align-items: center; min-height: 38px; padding: 9px 12px 9px 36px; border-bottom: 1px solid #e3e3e3; }
.tato-event-form-options .form-check:last-child { border-bottom: 0; }
.tato-event-form-options .form-check-input { margin-top: 0; margin-left: -24px; }
.tato-event-form-options .form-check-label { color: #333; font-weight: 650; }
.professional-profile-editor > .card, .professional-profile-editor .tato-event-form > .card { padding: 28px 30px 32px; border: 1px solid #e3e3e3 !important; border-radius: 22px; background: #fff; box-shadow: none !important; }
.professional-profile-editor .tato-event-form > .card .card-body, .professional-profile-editor > .card .card-body { padding: 0 !important; }
.professional-profile-editor .tato-event-form > section.card, .professional-profile-editor > section.card { padding: 28px 30px 32px; border: 1px solid #e3e3e3 !important; border-radius: 22px; background: #fff; box-shadow: none !important; }
.professional-profile-editor .tato-event-form > section.card .card-body, .professional-profile-editor > section.card .card-body { padding: 0 !important; }
.professional-profile-editor .tato-event-form > section.card h4, .professional-profile-editor > section.card h4 { position: relative; min-height: 42px; margin: 0 0 24px; padding: 24px 0 0 58px; color: #111; font-size: 1.5rem; font-weight: 850; line-height: 1.2; }
.professional-profile-editor .tato-event-form > section.card h4::before, .professional-profile-editor > section.card h4::before { position: absolute; top: 0; left: 0; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #fff; background: #111; font-size: .78rem; font-weight: 850; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(5) h4::before { content: '04'; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(6) h4::before { content: '05'; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(7) h4::before { content: '06'; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(8) h4::before { content: '07'; }
.professional-profile-editor > section.card h4::before { content: '08'; }
.professional-profile-editor .tato-event-form > section.card h4::after, .professional-profile-editor > section.card h4::after { position: absolute; top: 0; left: 58px; color: #58752f; font-size: .76rem; font-weight: 850; letter-spacing: .04em; line-height: 1; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(5) h4::after { content: 'РОБОТИ'; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(6) h4::after { content: 'РОБОТИ'; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(7) h4::after { content: 'КОНТАКТИ'; }
.professional-profile-editor .tato-event-form > section.card:nth-of-type(8) h4::after { content: 'ПІДТРИМКА'; }
.professional-profile-editor > section.card h4::after { content: 'ІСТОРІЯ'; }
.tato-event-form-actions { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; display: flex; justify-content: flex-end; gap: 10px; padding: 12px max(20px, calc((100vw - 1320px) / 2)); border-top: 1px solid #d9d9d9; background: rgba(255, 255, 255, .97); box-shadow: 0 -6px 20px rgba(17, 17, 17, .08); }
.tato-event-form-actions .btn { min-height: 48px; padding: 11px 20px; border-radius: 11px; font-weight: 800; }
.tato-event-form-actions .btn-primary { border-color: #111; background: #111; }
.tato-event-form-actions .btn-primary:hover, .tato-event-form-actions .btn-primary:focus-visible { border-color: #58752f; background: #58752f; }
.tato-event-form-actions .btn-outline-secondary { border-color: #bbb; color: #333; }

@media (max-width: 767.98px) {
    .tato-event-form-page { padding-top: 20px !important; padding-bottom: 142px; }
    .tato-event-form-heading { display: block; padding: 24px 22px 28px; border-radius: 22px; }
    .tato-event-form-heading > div { margin-top: 36px; }
    .tato-event-form-heading h1 { font-size: 3rem; }
    .tato-event-form-panel { padding: 22px 18px 24px; border-radius: 18px; }
    .professional-profile-editor > .card, .professional-profile-editor .tato-event-form > .card { padding: 22px 18px 24px; border-radius: 18px; }
    .professional-profile-editor .tato-event-form > section.card, .professional-profile-editor > section.card { padding: 22px 18px 24px; border-radius: 18px; }
    .professional-profile-editor .tato-event-form > section.card h4, .professional-profile-editor > section.card h4 { font-size: 1.3rem; }
        .professional-work-editor .tato-event-form-heading { display: block; }
        .professional-work-editor .tato-event-form-heading > .btn { margin-top: 24px; }
        .profile-editor-subheading { gap: 12px; margin-top: 28px; padding-top: 22px; }
        .profile-editor-subheading h2 { font-size: 1.3rem; }
        .profile-editor-actions .btn { min-width: 0; }
    .tato-event-form-panel-heading { margin-bottom: 20px; }
    .tato-event-form-panel-heading h2 { font-size: 1.3rem; }
    .tato-professional-intro { margin-top: 24px; }
    .tato-professional-intro-heading { gap: 12px; }
    .tato-pro-form-block { padding: 18px 15px 20px; border-radius: 14px; }
    .tato-event-form-actions { flex-direction: column-reverse; }
    .tato-event-form-actions .btn { width: 100%; }
}

.tato-dashboard-registrations-page { padding-top: 30px !important; padding-bottom: 72px; color: #111; }
.tato-dashboard-registrations-heading { gap: 24px; padding: 34px 38px; border-radius: 30px; background: #c9b9ed; }
.tato-dashboard-registrations-heading .btn { flex-shrink: 0; border-radius: 12px; font-weight: 800; }
.tato-dashboard-registrations-page .card { overflow: hidden; border: 0 !important; border-radius: 24px; background: #f7f7f7; box-shadow: none !important; }
.tato-dashboard-registrations-filters .card-body { padding: 24px; }
.tato-dashboard-registrations-page .form-label { color: #555; font-size: .82rem; font-weight: 800; text-transform: uppercase; }
.tato-dashboard-registrations-page .form-control { min-height: 46px; border: 1px solid #ddd; border-radius: 12px; }
.tato-dashboard-registrations-page .form-control:focus { border-color: #c9b9ed; box-shadow: 0 0 0 3px rgba(201, 185, 237, .35); }
.tato-dashboard-registrations-page .btn { border-radius: 12px; font-weight: 800; }
.tato-dashboard-registrations-page .btn-primary { border-color: #5b3c91; background: #5b3c91; }
.tato-dashboard-registrations-page .btn-primary:hover,
.tato-dashboard-registrations-page .btn-primary:focus-visible { border-color: #3f286b; background: #3f286b; }
.tato-dashboard-registrations-page .btn-outline-primary { border-color: #5b3c91; color: #5b3c91; }
.tato-dashboard-registrations-page .btn-outline-primary:hover,
.tato-dashboard-registrations-page .btn-outline-primary:focus-visible { border-color: #5b3c91; color: #fff; background: #5b3c91; }
.tato-dashboard-registrations-page .btn-outline-secondary { border-color: #777; color: #333; }
.tato-dashboard-registrations-page .btn-outline-secondary:hover,
.tato-dashboard-registrations-page .btn-outline-secondary:focus-visible { border-color: #333; color: #fff; background: #333; }
.tato-dashboard-registrations-count { margin: 0 0 12px; font-size: 1.05rem; }
.tato-dashboard-registrations-table-card .table-responsive { overflow-x: auto; }
.tato-dashboard-registrations-table-card .table { min-width: 1080px; margin: 0; background: #f7f7f7; }
.tato-dashboard-registrations-table-card .table th,
.tato-dashboard-registrations-table-card .table td { padding: 18px 16px; border-bottom-color: #e3e3e3; }
.tato-dashboard-registrations-table-card .table thead th { color: #666; background: #fff; font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.tato-dashboard-registrations-table-card .table tbody tr:last-child td { border-bottom: 0; }
.tato-dashboard-registrations-table-card .table a:not(.btn) { color: #111 !important; font-weight: 800; }
.tato-dashboard-registrations-table-card .table a:not(.btn):hover { color: #5b3c91 !important; }
.tato-dashboard-registrations-page .badge { border-radius: 999px; font-weight: 800; }
.tato-awards-details { margin-top: 28px; }
.tato-award-detail-card { border-radius: 18px; }
.tato-award-detail-card .card-body { padding: 22px; }
.tato-award-detail-icon { display: inline-grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: #fff4c7; font-size: 1.65rem; }
.tato-award-detail-card h3 { font-weight: 850; }
.tato-dashboard-registrations-page .bg-light { background: #fff !important; }
.tato-dashboard-registrations-empty .card-body { padding: 54px 24px; }
.tato-activity-dot { display: inline-block; width: 8px; height: 8px; margin: 0 8px 2px 0; border-radius: 50%; background: #5b3c91; box-shadow: 0 0 0 4px #c9b9ed; }

.tato-dashboard-activity-card { padding: 26px 30px; border-radius: 24px; background: #fff; }
.tato-dashboard-activity-card h2 { font-size: 1.65rem; font-weight: 850; }
.tato-dashboard-activity-card .btn, .tato-dashboard-activity-page .btn { border-radius: 12px; font-weight: 800; }
.tato-dashboard-activity-list { display: flex; flex-direction: column; gap: 8px; }
.tato-dashboard-activity-item { display: flex; align-items: center; gap: 14px; padding: 15px 16px; border-radius: 16px; color: #111; text-decoration: none; background: #f7f7f7; }
.tato-dashboard-activity-item:hover { color: #111; background: #f0ebfa; }
.tato-dashboard-activity-item.is-unread { border-left: 4px solid #5b3c91; background: #fbf9ff; }
.tato-dashboard-activity-icon { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #5b3c91; background: #c9b9ed; }
.tato-dashboard-activity-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 2px; }
.tato-dashboard-activity-copy strong { font-weight: 850; }

.tato-dashboard-registration-edit-page { padding-top: 30px; padding-bottom: 72px; color: #111; }
.tato-dashboard-registration-edit-intro { display: block; padding: 30px 36px 34px; background: #c9b9ed; }
.tato-dashboard-registration-edit-intro .tato-dashboard-back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 24px; color: #111; font-weight: 800; text-decoration: none; }
.tato-dashboard-registration-edit-intro .tato-dashboard-back-link:hover { color: #5b3c91; }
.tato-dashboard-registration-edit-intro h1 { margin-bottom: 10px; }
.tato-dashboard-registration-edit-intro p:last-child { margin-bottom: 0; }
.tato-dashboard-registration-edit-intro p:last-child a { color: #111; font-weight: 800; text-decoration-color: rgba(17, 17, 17, .35); text-underline-offset: 3px; }
.tato-dashboard-registration-edit-card { margin-top: 22px; overflow: hidden; border-radius: 24px; background: #f7f7f7; }
.tato-dashboard-registration-edit-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 30px; background: #fff; }
.tato-dashboard-registration-edit-card-heading .tato-platform-kicker { margin-bottom: 5px; }
.tato-dashboard-registration-edit-card-heading h2 { margin: 0; font-size: 1.55rem; font-weight: 850; }
.tato-dashboard-registration-edit-card-heading > i { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: #5b3c91; background: #c9b9ed; font-size: 1.3rem; }
.tato-dashboard-registration-edit-card-body { padding: 30px; }
.tato-dashboard-registration-edit-form .form-label { display: block; margin-bottom: 8px; color: #555; font-size: .78rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.tato-dashboard-registration-edit-form .form-control,
.tato-dashboard-registration-edit-form .form-select { min-height: 48px; border: 1px solid #ddd; border-radius: 12px; color: #111; background: #fff; }
.tato-dashboard-registration-edit-form textarea.form-control { min-height: 110px; resize: vertical; }
.tato-dashboard-registration-edit-form .form-control:focus,
.tato-dashboard-registration-edit-form .form-select:focus { border-color: #5b3c91; box-shadow: 0 0 0 3px rgba(201, 185, 237, .45); }
.tato-dashboard-registration-edit-form .form-text { color: #777; font-size: .82rem; }
.tato-dashboard-registration-current-file { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 10px; color: #555; background: #fff; font-size: .86rem; }
.tato-dashboard-registration-current-file a { color: #5b3c91; font-weight: 800; }
.tato-dashboard-registration-edit-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 30px; padding-top: 24px; border-top: 1px solid #e1e1e1; }
.tato-dashboard-registration-edit-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 20px; border-radius: 12px; font-weight: 800; }
.tato-dashboard-registration-edit-actions .btn-primary { border-color: #5b3c91; background: #5b3c91; }
.tato-dashboard-registration-edit-actions .btn-primary:hover,
.tato-dashboard-registration-edit-actions .btn-primary:focus-visible { border-color: #3f286b; background: #3f286b; }
.tato-dashboard-registration-edit-actions .btn-outline-secondary { border-color: #777; color: #333; }
.tato-dashboard-registration-edit-actions .btn-outline-secondary:hover,
.tato-dashboard-registration-edit-actions .btn-outline-secondary:focus-visible { border-color: #333; color: #fff; background: #333; }
.tato-merchandise-product-card { min-width: 0; }
.tato-merchandise-product-photo { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.tato-purchase-card { border-radius: 20px; background: #fff; }
.tato-purchase-card .tato-platform-kicker { color: #58752f; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.tato-purchase-card h2 { color: #111; font-weight: 850; }
.tato-purchase-items { border-top: 1px solid #e7e9e3; }
.tato-purchase-items .border-bottom:last-child { border-bottom: 0 !important; }
@media (max-width: 575.98px) {
    .tato-purchase-card .card-body { padding: 1.25rem !important; }
}

@media (max-width: 767.98px) {
    .tato-dashboard-registration-edit-page { padding-top: 18px; padding-bottom: 42px; }
    .tato-dashboard-registration-edit-intro { padding: 24px 20px 26px; border-radius: 22px; }
    .tato-dashboard-registration-edit-intro h1 { font-size: 2.25rem; }
    .tato-dashboard-registration-edit-card-heading,
    .tato-dashboard-registration-edit-card-body { padding: 22px 18px; }
    .tato-dashboard-registration-edit-actions { flex-direction: column-reverse; }
    .tato-dashboard-registration-edit-actions .btn { width: 100%; }
}
.tato-dashboard-activity-copy span { color: #555; }
.tato-professional-event-progress { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 18px; }
.tato-professional-event-progress span { padding: 14px 12px; border-radius: 14px; color: #777; background: #f7f7f7; font-size: .86rem; font-weight: 800; text-align: center; }
.tato-professional-event-progress .is-done { color: #36551d; background: #dcefc3; }
.tato-professional-event-progress .is-current { color: #765d00; background: #fff0b7; }
.tato-professional-event-preview { max-width: 1120px; margin: 0 auto; }
.tato-professional-preview-hero { display: flex; min-height: 380px; align-items: flex-end; margin-bottom: 18px; padding: 42px; border-radius: 28px; color: #fff; background-color: #5b3c91; background-position: center; background-size: cover; }
.tato-professional-preview-hero h1 { margin: 0 0 10px; font-size: clamp(2.5rem, 6vw, 5.5rem); font-weight: 850; line-height: .95; }
.tato-professional-preview-hero p:last-child { max-width: 680px; margin: 0; font-size: 1.1rem; font-weight: 650; }
.tato-professional-preview-section { margin-bottom: 18px; padding: 28px; border-radius: 22px; background: #fff; }
.tato-professional-preview-section h2 { margin: 0 0 12px; font-size: 1.5rem; font-weight: 850; }
.tato-professional-preview-section p { margin: 0; color: #555; line-height: 1.65; white-space: pre-line; }
.tato-professional-public-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 24px; }
.tato-professional-public-content > div { padding: 24px; border: 1px solid #e8e8e8; border-radius: 18px; background: #fff; }
.tato-professional-public-content h2 { margin: 0 0 10px; font-size: 1.25rem; }
.tato-professional-public-content p { margin: 0; color: #555; line-height: 1.65; white-space: pre-line; }
@media (max-width: 767.98px) {
    .tato-professional-event-progress { grid-template-columns: 1fr 1fr; }
    .tato-professional-preview-hero { min-height: 320px; padding: 26px; border-radius: 22px; }
    .tato-professional-preview-section { padding: 22px 18px; }
    .tato-professional-public-content { grid-template-columns: 1fr; }
}
.tato-dashboard-activity-item time { flex: 0 0 auto; color: #777; font-size: .8rem; white-space: nowrap; }
.tato-dashboard-activity-empty { display: flex; align-items: center; gap: 10px; padding: 24px; border-radius: 16px; color: #666; background: #f7f7f7; }
.tato-dashboard-activity-empty i { color: #5b3c91; font-size: 1.35rem; }
.tato-dashboard-my-events-card { padding: 26px 30px; border-radius: 24px; background: #fff; }
.tato-dashboard-my-events-card h2 { font-size: 1.65rem; font-weight: 850; }
.tato-dashboard-my-events-list { display: flex; flex-direction: column; gap: 8px; }
.tato-dashboard-my-event-item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; color: #111; background: #f7f7f7; text-decoration: none; }
.tato-dashboard-my-event-item:hover { color: #111; background: #f0ebfa; }
.tato-dashboard-my-event-icon { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 12px; color: #5b3c91; background: #e9e0fa; }
.tato-dashboard-my-event-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 2px; }
.tato-dashboard-my-event-copy strong { overflow: hidden; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.tato-dashboard-my-event-copy span { color: #666; font-size: .82rem; }
.tato-dashboard-pro-offer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; border: 1px solid #eadb9c; border-radius: 16px; background: #fff9df; }
.tato-dashboard-pro-offer > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.tato-dashboard-pro-offer > div > strong { color: #111; }
.tato-dashboard-pro-offer > div > span { color: #555; }
.tato-dashboard-pro-offer .tato-platform-kicker { color: #8a6d00; }
.tato-dashboard-pro-offer-featured { margin-bottom: 24px; }
.tato-pro-offer-button { border-color: #ffd451 !important; background: #ffd451 !important; color: #000; font-weight: 700; border-radius: 12px; }
.tato-pro-offer-button:hover,
.tato-pro-offer-button:focus { color: #000 !important; }
.tato-professional-profile-activation-button { background: #ffd451 !important; }
.tato-dashboard-event-pro-cta { display: flex; flex-direction: column; gap: 6px; margin-top: 18px; padding: 12px 14px; border-radius: 14px; background: #fff9df; }
.tato-dashboard-event-pro-cta > strong { color: #111; font-size: .9rem; }
.tato-dashboard-event-pro-cta > span { color: #666; font-size: .85rem; }
.tato-dashboard-event-pro-cta .btn { align-self: flex-start; margin-top: 4px; }
.tato-dashboard-activity-page .tato-dashboard-intro { align-items: center; }
.tato-dashboard-activity-toolbar { margin-bottom: 18px; padding: 18px 22px; border-radius: 20px; background: #fff; }
.tato-dashboard-activity-toolbar .form-select { min-width: 220px; border-radius: 12px; }
.tato-dashboard-activity-list-full .tato-dashboard-activity-item { background: #fff; }
.tato-dashboard-activity-list-full .tato-dashboard-activity-item form { flex: 0 0 auto; }
.tato-dashboard-activity-pagination .pagination { justify-content: flex-start; gap: 8px; margin: 0; }
.tato-dashboard-activity-pagination .page-item { margin: 0; }
.tato-dashboard-activity-pagination .page-link { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid #dedede; border-radius: 12px !important; color: #111; background: #fff; font-weight: 800; box-shadow: none; }
.tato-dashboard-activity-pagination .page-link:hover,
.tato-dashboard-activity-pagination .page-link:focus-visible { border-color: #111; color: #111; background: #ffd451; box-shadow: none; }
.tato-dashboard-activity-pagination .page-item.active .page-link { border-color: #111; color: #fff; background: #111; }
.tato-dashboard-activity-pagination .page-item.disabled .page-link { color: #aaa; background: #f4f4f4; border-color: #e8e8e8; }

.tato-dashboard-events-page { padding-top: 30px; }
.tato-dashboard-events-intro { align-items: center; }
.tato-dashboard-events-intro .tato-platform-kicker { margin-bottom: 10px; }
.tato-dashboard-events-intro .btn { flex-shrink: 0; padding: 12px 20px; }
.tato-dashboard-events-page > .alert { border: 0; border-radius: 14px; }
.tato-dashboard-events-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.tato-dashboard-events-summary > div { display: flex; min-height: 82px; flex-direction: column; justify-content: center; padding: 14px 18px; border-radius: 16px; color: #666; background: #fff; font-weight: 700; }
.tato-dashboard-events-summary span { font-size: .78rem; text-transform: uppercase; }
.tato-dashboard-events-summary strong { margin-top: 6px; color: #111; font-size: 1.55rem; line-height: 1; }
@media (max-width: 575.98px) {
    .tato-dashboard-my-events-card { padding: 22px 18px; }
    .tato-dashboard-my-event-item { align-items: flex-start; }
    .tato-dashboard-my-event-item .badge { margin-left: auto; font-size: .68rem; }
    .tato-dashboard-events-summary { gap: 8px; }
    .tato-dashboard-events-summary > div { padding: 12px 10px; }
    .tato-dashboard-events-summary span { font-size: .65rem; }
    .tato-dashboard-events-summary strong { font-size: 1.3rem; }
}
.tato-dashboard-events-grid { --bs-gutter-x: 18px; --bs-gutter-y: 18px; }
.tato-dashboard-event-card { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 0 !important; border-radius: 24px !important; background: #f7f7f7 !important; box-shadow: none !important; }
.tato-dashboard-event-card-top { display: flex; align-items: center; gap: 10px; padding: 20px 22px 0; }
.tato-dashboard-event-card-top .badge { white-space: nowrap; }
.tato-dashboard-event-status-badge { position: absolute; top: 20px; right: 22px; z-index: 1; white-space: nowrap; }
.tato-dashboard-event-level { color: #5b3c91; background: #e9e0fa; }
.tato-dashboard-event-card .card-body { flex: 1; padding: 18px 22px 22px; }
.tato-dashboard-event-card h2 { margin: 0 0 10px; color: #111; font-size: 1.35rem; font-weight: 850; line-height: 1.1; }
.tato-dashboard-event-description { min-height: 48px; margin: 0 0 20px; color: #666; line-height: 1.5; }
.tato-dashboard-registration-image { position: relative; min-height: 260px; height: 300px; max-height: 300px; overflow: hidden; margin-bottom: 18px; border-radius: 16px; background: #e9e0fa; }
.tato-dashboard-registration-image > img,
.tato-dashboard-registration-image-fallback { display: block; width: 100%; height: 100%; object-fit: cover; }
.tato-dashboard-registration-image-fallback { display: flex; align-items: center; justify-content: center; color: #5b3c91; font-size: 48px; }
.tato-dashboard-registration-image::after { position: absolute; inset: 0; pointer-events: none; content: ''; background: linear-gradient(180deg, rgba(17, 17, 17, .24), transparent 34%, transparent 64%, rgba(17, 17, 17, .3)); }
.tato-dashboard-registration-image-badge { position: absolute; z-index: 1; display: inline-flex; align-items: center; gap: 6px; max-width: calc(50% - 24px); padding: 7px 10px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; color: #fff; background: rgba(17, 17, 17, .72); font-size: .78rem; font-weight: 800; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.tato-dashboard-registration-image-type { top: 14px; left: 14px; }
.tato-dashboard-registration-image-price { top: 14px; right: 14px; }
.tato-dashboard-registration-image-registrations { bottom: 14px; left: 14px; }
.tato-dashboard-registration-image-price i,
.tato-dashboard-registration-image-registrations i { font-size: .88rem; }
.tato-dashboard-registration-dates { display: flex; align-items: flex-start; gap: 12px; min-width: 0; overflow: hidden; color: #555; font-size: .78rem; font-weight: 700; line-height: 1.35; }
.tato-dashboard-registration-dates > i { flex: 0 0 18px; margin-top: 2px; color: #5b3c91; }
.tato-dashboard-registration-dates > span { display: flex; min-width: 0; flex: 1 1 0; flex-direction: column; gap: 2px; overflow: hidden; white-space: nowrap; }
.tato-dashboard-registration-dates > span + span { text-align: right; }
.tato-dashboard-registration-dates strong { color: #777; font-size: .64rem; letter-spacing: .04em; white-space: nowrap; }
.tato-dashboard-event-meta { display: grid; gap: 10px; }
.tato-dashboard-event-meta p { display: flex; align-items: center; gap: 10px; margin: 0; color: #555; font-size: .88rem; }
.tato-dashboard-event-meta i { flex: 0 0 18px; margin-top: 2px; color: #5b3c91; }
.tato-dashboard-event-meta span { display: flex; gap: 10px; }
.tato-dashboard-event-meta strong { color: #111; font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-dashboard-event-card footer { display: flex; gap: 10px; padding: 18px 22px 22px; background: #fff; }
.tato-dashboard-event-card footer form { display: flex; min-width: 0; flex: 1; }
.tato-dashboard-event-card footer .btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; flex: 1; border-radius: 12px; font-weight: 800; line-height: 1.2; }
.tato-dashboard-event-card footer .btn-primary { padding: 12px; border-color: #5b3c91; background: #5b3c91; }
.tato-dashboard-event-card footer .btn-outline-secondary { border-color: #777; color: #333; }
.tato-dashboard-events-empty { display: flex; align-items: center; gap: 22px; padding: 42px; border-radius: 24px; background: #fff; }
.tato-dashboard-events-empty-icon { display: grid; flex: 0 0 64px; width: 64px; height: 64px; place-items: center; border-radius: 18px; color: #5b3c91; background: #e9e0fa; font-size: 1.8rem; }
.tato-dashboard-events-empty h2 { margin: 0 0 8px; font-size: 1.45rem; font-weight: 850; }
.tato-dashboard-events-empty p { margin: 0 0 18px; color: #666; }
.tato-dashboard-event-detail-page { padding-top: 30px; }
.tato-dashboard-event-detail-intro { position: relative; align-items: flex-end; }
.tato-dashboard-event-detail-intro h1 { max-width: 760px; }
.tato-dashboard-back-link { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 18px; color: #4e4560; font-size: .9rem; font-weight: 800; text-decoration: none; }
.tato-dashboard-back-link:hover { color: #5b3c91; }
.tato-dashboard-event-detail-intro .tato-platform-kicker { margin-bottom: 10px; }
.tato-dashboard-event-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.tato-dashboard-event-detail-actions .btn { border-radius: 12px; font-weight: 800; }
.tato-dashboard-event-detail-actions .btn-dark { background: #111; }
.tato-dashboard-event-detail-status-badge { position: absolute; top: 34px; right: 38px; z-index: 2; color: #5b3c91; background: #e9e0fa; white-space: nowrap; }
.tato-dashboard-event-detail-page > .alert { border: 0; border-radius: 14px; }
.tato-dashboard-event-about,
.tato-dashboard-event-registrations,
.tato-dashboard-event-moderation,
.tato-dashboard-event-professional { margin-top: 18px; padding: 28px; border-radius: 24px; background: #fff; }
.tato-dashboard-event-about { margin-top: 0; }
.tato-dashboard-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.tato-dashboard-section-heading .tato-platform-kicker { margin-bottom: 7px; }
.tato-dashboard-section-heading h2 { margin: 0; font-size: 1.65rem; font-weight: 850; }
.tato-dashboard-event-about-description { max-width: 860px; margin: 0 0 24px; color: #555; line-height: 1.65; }
.tato-dashboard-event-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.tato-dashboard-event-facts > div { display: flex; align-items: flex-start; gap: 10px; min-width: 0; padding: 16px; border-radius: 16px; background: #f7f7f7; }
.tato-dashboard-event-facts i { flex: 0 0 18px; margin-top: 2px; color: #5b3c91; }
.tato-dashboard-event-facts span { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: #555; font-size: .9rem; }
.tato-dashboard-event-facts strong { color: #111; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-dashboard-approved-count { color: #111; font-size: .95rem; white-space: nowrap; }
.tato-dashboard-approved-count i { color: #58752f; }
.tato-dashboard-event-empty { display: flex; align-items: center; gap: 10px; padding: 20px; border-radius: 16px; color: #666; background: #f7f7f7; }
.tato-dashboard-event-empty i { color: #5b3c91; font-size: 1.3rem; }
.tato-dashboard-event-table { min-width: 720px; margin: 0; }
.tato-dashboard-event-table thead th { color: #666; background: #f7f7f7; font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.tato-dashboard-event-table th, .tato-dashboard-event-table td { padding: 15px 14px; border-bottom-color: #e5e5e5; }
.tato-dashboard-event-table tbody tr:last-child td { border-bottom: 0; }
.tato-dashboard-event-table a { color: #111; font-weight: 800; }
.tato-dashboard-event-table a:hover { color: #5b3c91; }
.tato-dashboard-event-table a.tato-certificate-action:hover,
.tato-dashboard-event-table a.tato-certificate-action:focus-visible { color: #fff; background-color: #111; border-color: #111; }
.tato-dashboard-event-table .badge { font-weight: 800; }
.tato-registration-action-form { min-width: 270px; }
.tato-registration-action-locked { display: inline-flex; min-width: 150px; align-items: center; justify-content: center; gap: 7px; padding: 7px 10px; border: 1px solid #d4d4d4; border-radius: 6px; color: #777; background: #eeeeee; font-size: .82rem; font-weight: 700; cursor: not-allowed; }
.tato-registration-action-locked i { color: #666; font-size: .9rem; }
.tato-status-registered { color: #765d00; background: #fff0b7; }
.tato-status-approved { color: #36551d; background: #dcefc3; }
.tato-status-rejected { color: #8b2f2f; background: #f8d7da; }
.tato-status-cancelled { color: #555; background: #e6e6e6; }
.tato-dashboard-event-moderation { background: #f7f7f7; }

@media (max-width: 767.98px) {
    .tato-dashboard-events-page { padding-top: 20px; padding-bottom: 52px; }
    .tato-dashboard-events-intro { align-items: stretch; }
    .tato-dashboard-events-intro .btn { width: 100%; margin-top: 20px; }
    .tato-dashboard-events-empty { display: block; padding: 28px 22px; }
    .tato-dashboard-events-empty-icon { margin-bottom: 18px; }
    .tato-dashboard-event-card footer { flex-wrap: wrap; }
    .tato-dashboard-event-card footer .btn { min-width: 140px; }
    .tato-dashboard-event-detail-page { padding-top: 20px; padding-bottom: 52px; }
    .tato-dashboard-event-detail-intro { align-items: stretch; }
    .tato-dashboard-event-detail-status-badge { top: 26px; right: 26px; }
    .tato-dashboard-event-detail-actions { margin-top: 20px; }
    .tato-dashboard-event-detail-actions .btn { flex: 1; }
    .tato-dashboard-event-about, .tato-dashboard-event-registrations, .tato-dashboard-event-moderation, .tato-dashboard-event-professional { padding: 22px 18px; border-radius: 20px; }
    .tato-dashboard-section-heading { align-items: flex-start; flex-direction: column; }
    .tato-dashboard-approved-count { white-space: normal; }
    .tato-dashboard-event-facts { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767.98px) {
    .tato-dashboard-activity-card { padding: 22px 18px; }
    .tato-dashboard-activity-card > .d-flex { align-items: flex-start !important; flex-direction: column; }
    .tato-dashboard-activity-item { align-items: flex-start; flex-wrap: wrap; }
    .tato-dashboard-activity-item time { margin-left: 52px; }
}

@media (max-width: 767.98px) {
    .tato-dashboard-registrations-page { padding-top: 20px !important; padding-bottom: 52px; }
    .tato-dashboard-registrations-heading { display: block !important; padding: 26px; border-radius: 24px; }
    .tato-dashboard-registrations-heading .btn { margin-top: 20px; }
    .tato-dashboard-registrations-filters .card-body { padding: 20px 16px; }
}

.tato-dashboard-registration-page { padding-top: 30px !important; padding-bottom: 72px; color: #111; }
.tato-dashboard-registration-page > .d-flex { gap: 24px; padding: 32px 36px; border-radius: 30px; background: #fff; }
.tato-dashboard-registration-page > .d-flex h2 { margin: 0 0 10px !important; font-size: clamp(2.1rem, 4vw, 4rem); font-weight: 850; line-height: .96; }
.tato-dashboard-registration-page > .d-flex p { font-size: 1.05rem; font-weight: 600; }
.tato-dashboard-registration-page > .d-flex a:not(.btn),
.tato-dashboard-registration-page .card a:not(.btn) { color: #111; font-weight: 800; }
.tato-dashboard-registration-page > .d-flex a:not(.btn):hover,
.tato-dashboard-registration-page .card a:not(.btn):hover { color: #5b3c91; }
.tato-dashboard-registration-page > .mb-4 { margin-top: 20px; }
.tato-dashboard-registration-page .card { overflow: hidden; border-radius: 24px; border-color: transparent !important; background: #f7f7f7; box-shadow: none !important; }
.tato-dashboard-registration-page .card-body { padding: 26px; }
.tato-dashboard-registration-page .card h5 { margin-bottom: 18px !important; font-weight: 850; }
.tato-dashboard-registration-page .text-muted { color: #666 !important; }
.tato-dashboard-registration-page .badge { border-radius: 999px; font-weight: 800; }
.tato-dashboard-registration-page .border { border-color: #e0e0e0 !important; border-radius: 16px !important; background: #fff; }
.tato-dashboard-registration-page .btn { border-radius: 12px; font-weight: 800; }
.tato-dashboard-registration-page .btn-primary { border-color: #5b3c91; background: #5b3c91; }
.tato-dashboard-registration-page .btn-primary:hover,
.tato-dashboard-registration-page .btn-primary:focus-visible { border-color: #3f286b; background: #3f286b; }
.tato-dashboard-registration-page .btn-outline-primary { border-color: #5b3c91; color: #5b3c91; }
.tato-dashboard-registration-page .btn-outline-primary:hover,
.tato-dashboard-registration-page .btn-outline-primary:focus-visible { border-color: #5b3c91; color: #fff !important; background: #5b3c91; }
.tato-dashboard-registration-page .btn-outline-secondary { border-color: #777; color: #333; }
.tato-dashboard-registration-page .btn-outline-secondary:hover,
.tato-dashboard-registration-page .btn-outline-secondary:focus-visible { border-color: #333; color: #fff; background: #333; }
.tato-dashboard-registration-page .btn-success { border-color: #111; background: #cfe2ab; color: #111; }
.tato-dashboard-registration-page .btn-success:hover,
.tato-dashboard-registration-page .btn-success:focus-visible { border-color: #111; background: #b8d48c; color: #111; }
.tato-dashboard-registration-page .btn-outline-success { border-color: #58752f; color: #58752f; }
.tato-dashboard-registration-page .btn-outline-success:hover,
.tato-dashboard-registration-page .btn-outline-success:focus-visible { border-color: #58752f; color: #111 !important; background: #cfe2ab; }
.tato-dashboard-registration-page .table { min-width: 560px; }
.tato-dashboard-registration-page .table-responsive { overflow-x: auto; }
.tato-dashboard-registration-page .table thead th { color: #666; background: #fff; font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.tato-dashboard-registration-page .border-success { border-left: 5px solid #cfe2ab !important; }
.tato-dashboard-registration-page .border-primary { border-left: 5px solid #c9b9ed !important; }
.tato-dashboard-registration-page .border-warning { border-left: 5px solid #ffd451 !important; }

@media (max-width: 767.98px) {
    .tato-dashboard-registration-page { padding-top: 20px !important; padding-bottom: 52px; }
    .tato-dashboard-registration-page > .d-flex { display: block !important; padding: 26px; border-radius: 24px; }
    .tato-dashboard-registration-page > .d-flex .btn { margin-top: 20px; }
    .tato-dashboard-registration-page .card-body { padding: 22px 18px; }
}

.tato-participants-page { padding-top: 30px; padding-bottom: 72px; color: #111; }
.tato-participants-heading { gap: 24px; padding: 34px 38px; border-radius: 30px; background: #c9b9ed; }
.tato-participants-heading h2 { margin: 0; font-size: clamp(2.2rem, 4vw, 4.4rem); font-weight: 850; line-height: .94; }
.tato-participants-heading .btn { flex-shrink: 0; border-radius: 12px; padding: 12px 20px; font-weight: 800; }
.tato-participants-page .tato-participants-heading .btn-primary { border-color: #ffd451; color: #111; background: #ffd451; }
.tato-participants-page .tato-participants-heading .btn-primary:hover,
.tato-participants-page .tato-participants-heading .btn-primary:focus-visible { border-color: #e6bd35; color: #111; background: #e6bd35; }
.tato-participants-page .alert { border: 0; border-radius: 14px; }
.tato-participants-grid { --bs-gutter-x: 18px; --bs-gutter-y: 18px; }
.tato-participant-card { overflow: hidden; border: 0 !important; border-radius: 24px; background: #f7f7f7; box-shadow: none !important; }
.tato-participant-card-pro { border: 2px solid #5b3c91 !important; background: #f7f7f7 !important; }
.tato-participant-card .card-body { padding: 26px; }
.tato-participant-card .card-footer { padding: 18px 26px 24px; border: 0; background: #fff !important; }
.tato-participant-card .card-footer .d-flex { align-items: stretch; }
.tato-participant-card .card-footer .btn { min-height: 44px; border-radius: 12px; font-weight: 800; }
.tato-participant-card .card-footer form { display: flex; }
.tato-participant-card .card-footer form .btn { flex: 1; }
.tato-participant-card h5 { font-weight: 850; }
.tato-participant-card hr { margin: 20px 0; border-color: #ddd; opacity: 1; }
.tato-participant-card .avatar-circle { flex: 0 0 64px; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #5b3c91; font-size: 1.5rem; font-weight: 850; }
.tato-participant-card .profile-avatar,
.tato-participant-card .avatar-circle { border: 0; }
.tato-participant-card .profile-avatar { object-fit: cover; border-radius: 50%; }
.tato-participant-card .profile-avatar { border: 0; box-shadow: none; }
.tato-participant-card .badge { border-radius: 999px; }
.tato-participant-card .list-group-item { border-color: #e5e5e5; background: transparent; }
.tato-participant-card .display-6, .tato-participant-card h5 { font-weight: 850; }
.tato-participant-card-pro .card-footer { background: #fff !important; }
.tato-participants-page .btn-primary { border-color: #5b3c91; background: #5b3c91; }
.tato-participants-page .btn-outline-primary { border-color: #5b3c91; color: #5b3c91; }
.tato-participants-page .btn-outline-primary:hover { background: #5b3c91; color: #fff; }

.tato-professional-profiles-page { padding-top: 30px; padding-bottom: 72px; color: #111; }
.tato-professional-profiles-heading { gap: 24px; padding: 32px 36px; border-radius: 30px; background: #fff; }
.tato-professional-profiles-heading h2 { margin: 0; font-size: clamp(2.2rem, 4vw, 4.4rem); font-weight: 850; line-height: .94; }
.tato-professional-profiles-heading p { margin-top: 10px !important; }
.tato-professional-profiles-page .alert { border: 0; border-radius: 14px; }
.tato-professional-profiles-grid { --bs-gutter-x: 18px; --bs-gutter-y: 18px; }
.tato-professional-profile-card { overflow: hidden; border: 0 !important; border-radius: 24px; background: #f7f7f7; box-shadow: none !important; }
.tato-professional-profile-card .card-body { padding: 26px; }
.tato-professional-profile-card h5 { font-weight: 850; }
.tato-professional-profile-avatar { width: 56px; height: 56px; flex: 0 0 56px; border: 0 !important; background: #fff !important; color: #5b3c91; font-weight: 850; }
.tato-professional-profile-avatar img { width: 56px; height: 56px; object-fit: cover; }
.tato-professional-profile-card .badge { border-radius: 999px; font-weight: 800; }
.tato-professional-profile-card .badge-secondary { color: #fff; background: #343434; }
.tato-professional-profile-card .btn { border-radius: 12px; font-weight: 800; }
.tato-professional-profile-card .btn-primary { border-color: #5b3c91; background: #5b3c91; }
.tato-professional-profile-card .btn-primary:hover,
.tato-professional-profile-card .btn-primary:focus-visible { border-color: #3f286b; background: #3f286b; }
.tato-professional-profile-card .btn-outline-primary { border-color: #5b3c91; color: #5b3c91; }
.tato-professional-profile-card .btn-outline-primary:hover,
.tato-professional-profile-card .btn-outline-primary:focus-visible { border-color: #5b3c91; color: #fff; background: #5b3c91; }

@media (max-width: 767.98px) {
    .tato-professional-profiles-page { padding-top: 20px; padding-bottom: 52px; }
    .tato-professional-profiles-heading { display: block !important; padding: 26px; border-radius: 24px; }
    .tato-professional-profile-card .card-body { padding: 22px; }
}

@media (max-width: 767.98px) {
    .tato-participants-page { padding-top: 20px; padding-bottom: 52px; }
    .tato-participants-heading { align-items: stretch !important; display: block !important; padding: 26px; border-radius: 24px; }
    .tato-participants-heading .btn { margin-top: 20px; }
    .tato-participant-card .card-body { padding: 22px; }
    .tato-participant-card .card-footer { padding: 16px 22px 22px; }
    .tato-participant-card .card-footer .d-flex { flex-wrap: wrap; }
    .tato-participant-card .card-footer > .d-flex > a,
    .tato-participant-card .card-footer > .d-flex > form { flex: 1 1 calc(50% - .5rem) !important; min-width: 0; }
}

@media (max-width: 767.98px) {
    .tato-dashboard-page { padding: 0; padding-top: 0 !important; padding-bottom: 0 !important; }
    .tato-dashboard-intro { display: block; padding: 26px; border-radius: 24px; }
    .tato-dashboard-intro-rating { min-width: 0; margin-top: 22px; }
    .tato-dashboard-page .card-body { padding: 22px; }
}

.sidebar-activity-badge { min-width: 22px; margin-left: auto; padding: 2px 7px; border-radius: 999px; color: #111; background: #ffd451; font-size: .72rem; font-weight: 850; line-height: 1.2; text-align: center; }
.dashboard-menu .active .sidebar-activity-badge { background: #fff; }

.tato-basic-event-pro-content > section { margin-top: 24px; }
.tato-basic-event-pro-content { display: grid; gap: 40px; padding: 20px 0; }
.tato-basic-event-pro-content > .row { margin-bottom: 0; }
.tato-basic-event-pro-block { position: relative; }
.tato-basic-event-pro-block:has(.tato-pro-file),
.tato-basic-event-pro-block:has(.tato-pro-person),
.tato-basic-event-pro-block:has(details) { padding: 34px; border: 1px solid #e8e1f4; border-radius: 24px; background: #f7f7f7; }
.tato-basic-event-pro-block:has(.tato-pro-file) { background: #eef1e8; }
.tato-basic-event-support-block { width: 100%; }
.tato-basic-event-pro-block:has(.tato-pro-file) h2,
.tato-basic-event-pro-block:has(.tato-pro-person) h2,
.tato-basic-event-pro-block:has(details) h2 { margin-bottom: 28px; }
.tato-basic-event-pro-block:has(.tato-pro-file) .tato-pro-file { padding: 20px 0 !important; border-color: rgba(17, 17, 17, .12) !important; }
.tato-basic-event-pro-block:has(.tato-pro-file) .tato-pro-file:first-of-type { padding-top: 0 !important; }
.tato-basic-event-pro-block:has(.tato-pro-file) .tato-pro-file:last-of-type { padding-bottom: 0 !important; border-bottom: 0 !important; }
.tato-basic-event-pro-block:has(.tato-pro-file) .tato-pro-file-title { color: #111; font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-basic-event-pro-block:has(.tato-pro-file) .tato-pro-file .btn-outline-secondary { min-height: 48px; padding: 12px 20px; border: 0; border-radius: 16px; color: #fff; background-color: #5b3c91; font-size: .95rem; font-weight: 800; }
.tato-basic-event-pro-block:has(.tato-pro-file) .tato-pro-file .btn-outline-secondary:hover,
.tato-basic-event-pro-block:has(.tato-pro-file) .tato-pro-file .btn-outline-secondary:focus-visible { color: #fff; background-color: #493075; border: 0; }
.tato-basic-event-pro-block:has(.tato-pro-person) .row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
@media (min-width: 992px) {
    .tato-basic-event-pro-block:has(.tato-pro-person) .row > .col-md-6 { width: 33.333333%; }
}
.tato-basic-event-pro-block:has(details) details { margin-bottom: 12px !important; padding: 18px 20px !important; border: 1px solid rgba(17, 17, 17, .12) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .72); }
.tato-basic-event-pro-block:has(details) details:last-child { margin-bottom: 0 !important; }
.tato-basic-event-pro-block:has(details) summary { color: #111; font-weight: 800; cursor: pointer; }
.tato-basic-event-pro-block:has(details) details p { color: #555; line-height: 1.7; }
.tato-pro-timeline { max-width: 1040px; border-left: 3px solid #d8cdee; padding-left: 34px; }
.tato-basic-event-pro-block:has(.tato-pro-timeline) { padding-top: 38px; padding-bottom: 38px; }
.tato-basic-event-pro-block:has(.tato-pro-timeline) h2 { margin-bottom: 34px; }
.tato-pro-timeline article { position: relative; display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 28px; padding: 0 0 34px; }
.tato-pro-timeline article::before { content: ''; position: absolute; left: -41px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: #ffd451; }
.tato-pro-timeline article:last-child { padding-bottom: 0; }
.tato-pro-timeline article > strong { color: #111; font-size: 1.15rem; line-height: 1.35; }
.tato-pro-timeline h3, .tato-pro-person h3 { font-size: 1.3rem; }
.tato-pro-timeline p, .tato-pro-person p { margin: 0; color: #555; font-size: 1.05rem; line-height: 1.7; }
.tato-pro-person { display: flex; gap: 20px; height: 100%; padding: 24px; border: 1px solid rgba(91, 60, 145, .16); border-radius: 16px; background: #fff; }
.tato-pro-person strong { display: block; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; }
.tato-pro-person a { display: block; margin-top: 18px; color: #5b3c91 !important; font-weight: 800; text-decoration: none; }
.tato-pro-person a:hover, .tato-pro-person a:focus-visible { color: #39215f !important; text-decoration: underline; }
.tato-pro-person img { width: 84px; height: 84px; flex: 0 0 84px; border-radius: 50%; object-fit: cover; }
.tato-pro-partners-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tato-pro-partner { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 14px; border: 1px solid rgba(17, 17, 17, .12); border-radius: 14px; background: #fff; }
.tato-pro-partner-logo { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; overflow: hidden; border-radius: 10px; background: #eef1e8; color: #777; font-size: 1.4rem; }
.tato-pro-partner-logo img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 767.98px) { .tato-pro-partners-grid { grid-template-columns: 1fr; } }
.tato-basic-event-pro-qr { display: block; max-width: 180px; max-height: 180px; margin: 12px 0; object-fit: contain; }
.tato-pro-qr-preview, .tato-pro-upload-preview { display: block; width: 180px; height: 180px; max-width: 100%; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; object-fit: contain; }
.tato-pro-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.tato-pro-gallery-item { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 14px; background: #eef1e8; }
.tato-pro-gallery-item-locked { display: grid; place-items: center; padding: 18px; background: #e9e8e2; }
.tato-pro-gallery-item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.tato-pro-gallery-item:hover img, .tato-pro-gallery-item:focus-visible img { transform: scale(1.04); }
.tato-pro-gallery-item::after { position: absolute; inset: 0; pointer-events: none; content: ''; border: 1px solid rgba(17, 17, 17, .08); border-radius: inherit; }
.tato-pro-gallery-play { position: absolute; top: 50%; left: 50%; display: grid; width: 54px; height: 54px; place-items: center; transform: translate(-50%, -50%); border-radius: 50%; color: #111; background: #ffd451; box-shadow: 0 8px 24px rgba(17, 17, 17, .24); font-size: 1.8rem; }
.tato-pro-gallery-play i { margin-left: 3px; }
.tato-pro-gallery-item:focus-visible { outline: 3px solid #5b3c91; outline-offset: 3px; }
.tato-pro-locked-card { display: flex; align-items: center; gap: 12px; width: 100%; color: #37352f; }
.tato-pro-gallery-item-locked .tato-pro-locked-card { display: grid; justify-items: center; text-align: center; }
.tato-pro-locked-icon { flex: 0 0 auto; font-size: 1.35rem; line-height: 1; }
.tato-pro-locked-card strong, .tato-pro-locked-card span { display: block; }
.tato-pro-locked-card strong { font-size: .78rem; letter-spacing: .03em; text-transform: uppercase; }
.tato-pro-locked-card div span { margin-top: 4px; color: #65635d; font-size: .82rem; line-height: 1.35; }
.tato-pro-file-locked { background: rgba(255, 255, 255, .42); }

@media (max-width: 767.98px) {
    .tato-pro-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .tato-pro-gallery-item { border-radius: 11px; }
    .tato-pro-gallery-play { width: 44px; height: 44px; font-size: 1.45rem; }
    .tato-basic-event-pro-content { gap: 26px; }
    .tato-basic-event-pro-block:has(.tato-pro-file),
    .tato-basic-event-pro-block:has(.tato-pro-person),
    .tato-basic-event-pro-block:has(details) { padding: 24px 18px; border-radius: 18px; }
    .tato-basic-event-pro-block:has(.tato-pro-timeline) { padding-top: 28px; padding-bottom: 28px; }
    .tato-basic-event-pro-block:has(.tato-pro-timeline) h2 { margin-bottom: 26px; }
    .tato-pro-timeline { padding-left: 24px; }
    .tato-pro-timeline article { grid-template-columns: 1fr; gap: 6px; padding-bottom: 28px; }
    .tato-pro-timeline article::before { left: -31px; }
    .tato-pro-person { gap: 14px; padding: 18px; }
    .tato-pro-person img { width: 68px; height: 68px; flex-basis: 68px; }
}

@media (min-width: 576px) {
    .tato-basic-event-page + #event-shop { margin: 40px !important; padding: 34px 42px 44px; border-radius: 30px; }
}

/* About platform presentation page */
.tato-about-page { --about-ink: #171717; --about-muted: #687064; --about-lime: #c7ed64; --about-yellow: #ffd55d; --about-pink: #f7b8c8; --about-purple: #c6b7ff; --about-blue: #b9e7ef; overflow: hidden; color: var(--about-ink); background: #f4f5ef; }
.tato-about-page h1, .tato-about-page h2, .tato-about-page h3, .tato-about-page p { margin-top: 0; }
.tato-about-page h1, .tato-about-page h2, .tato-about-page h3, .tato-about-page strong { letter-spacing: 0; }
.tato-about-hero, .tato-about-section, .tato-about-final { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.tato-about-hero { display: grid; grid-template-columns: minmax(0, .93fr) minmax(430px, 1.07fr); gap: 42px; align-items: center; min-height: 650px; padding: 72px 0 82px; }
.tato-about-eyebrow { margin-bottom: 18px; color: #6a7658; font-size: .73rem; font-weight: 900; letter-spacing: .13em !important; }
.tato-about-hero h1 { max-width: 650px; margin-bottom: 24px; font-size: clamp(2.8rem, 5.6vw, 5.35rem); font-weight: 850; line-height: .96; }
.tato-about-lead { max-width: 510px; margin-bottom: 30px; color: var(--about-muted); font-size: 1.13rem; line-height: 1.55; }
.tato-about-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.tato-about-button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; min-height: 50px; padding: 13px 20px; border: 1px solid var(--about-ink); border-radius: 9px; font-size: .88rem; font-weight: 850; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.tato-about-button:hover, .tato-about-button:focus-visible { transform: translateY(-3px); box-shadow: 4px 4px 0 var(--about-ink); }
.tato-about-button-dark { color: #fff; background: var(--about-ink); }
.tato-about-button-light { color: var(--about-ink); background: #fff; }
.tato-about-hero-scene { position: relative; min-height: 500px; }
.tato-about-scene-orbit { position: absolute; border: 1px solid #cbd0c4; border-radius: 50%; transform: rotate(-18deg); }
.tato-about-scene-orbit-one { inset: 15% 5% 13% 8%; }
.tato-about-scene-orbit-two { inset: 5% 20% 25% 20%; transform: rotate(48deg); }
.tato-about-scene-stat {
    position: absolute;
    z-index: 1;
    top: 45%;
    left: 50%;
    display: grid;
    gap: 5px;
    width: 190px;
    min-height: 110px;
    padding: 18px;
    place-content: center;
    border: 1px solid var(--about-ink);
    border-radius: 50%;
    color: var(--about-ink);
    background: var(--about-lime);
    text-align: center;
    transform: translate(-50%, -50%) rotate(-4deg);
    box-shadow: 6px 7px 0 rgba(23,23,23,.1);
}
.tato-about-scene-stat strong { font-size: 1.8rem; font-weight: 900; line-height: 1; }
.tato-about-scene-stat span { font-size: .7rem; font-weight: 800; line-height: 1.15; }
.tato-about-scene-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 12px; min-width: 225px; padding: 16px; border: 1px solid var(--about-ink); border-radius: 13px; background: #fff; box-shadow: 7px 8px 0 rgba(23,23,23,.1); }
.tato-about-scene-card strong, .tato-about-scene-card small { display: block; }
.tato-about-scene-card strong { font-size: .87rem; }
.tato-about-scene-card small { margin-top: 3px; color: var(--about-muted); font-size: .72rem; }
.tato-about-scene-profile { top: 14%; left: 8%; transform: rotate(-5deg); }
.tato-about-scene-event { right: 0; bottom: 23%; transform: rotate(5deg); }
.tato-about-scene-achievement { bottom: 4%; left: 18%; transform: rotate(-3deg); }
.tato-about-scene-avatar, .tato-about-scene-icon, .tato-about-scene-medal { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 11px; font-weight: 900; }
.tato-about-scene-avatar { color: #fff; background: #171717; }
.tato-about-scene-icon { color: #171717; background: var(--about-yellow); }
.tato-about-scene-medal { border-radius: 50%; color: #8d6500; background: var(--about-yellow); }
.tato-about-scene-card > i { margin-left: auto; }
.tato-about-scene-node { position: absolute; z-index: 3; display: grid; gap: 5px; place-items: center; width: 85px; color: var(--about-ink); font-size: .7rem; font-weight: 850; text-align: center; }
.tato-about-scene-node i { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid var(--about-ink); border-radius: 50%; font-size: 1rem; background: var(--about-lime); }
.tato-about-node-participant { top: 5%; right: 17%; }.tato-about-node-event { top: 42%; left: 1%; }.tato-about-node-organizer { right: 6%; bottom: 4%; }.tato-about-node-event i { background: var(--about-blue); }.tato-about-node-organizer i { background: var(--about-pink); }
.tato-about-section { padding: 88px 0; }
.tato-about-section-heading { max-width: 720px; margin-bottom: 38px; }.tato-about-section-heading-wide { max-width: 800px; }
.tato-about-section h2, .tato-about-organizer h2, .tato-about-final h2 { margin-bottom: 18px; font-size: clamp(2rem, 4vw, 3.7rem); font-weight: 850; line-height: 1; }
.tato-about-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.tato-about-step-card { position: relative; min-height: 245px; padding: 22px; border: 1px solid var(--about-ink); border-radius: 10px; background: #fff; }.tato-about-step-card:nth-child(2) { background: var(--about-lime); }.tato-about-step-card:nth-child(3) { background: var(--about-yellow); }.tato-about-step-card:nth-child(4) { background: var(--about-pink); }
.tato-about-step-top { display: flex; justify-content: space-between; color: #697263; }.tato-about-step-top span { font-size: .74rem; font-weight: 850; }.tato-about-step-top i { color: var(--about-ink); font-size: 1.35rem; }.tato-about-step-card h3 { margin: 58px 0 9px; font-size: 1.1rem; }.tato-about-step-card p { max-width: 210px; color: #5d655b; font-size: .83rem; line-height: 1.45; }.tato-about-step-arrow { position: absolute; right: 20px; bottom: 17px; font-size: 1.3rem; }
.tato-about-roles { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: center; }.tato-about-roles-copy p:last-child, .tato-about-profile-copy > p:last-of-type, .tato-about-organizer > div > p:last-child { color: var(--about-muted); line-height: 1.6; }
.tato-about-roles-map { position: relative; min-height: 430px; }.tato-about-role-center { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; width: 154px; height: 154px; place-content: center; transform: translate(-50%, -50%); border: 1px solid var(--about-ink); border-radius: 50%; background: #fff; text-align: center; }.tato-about-role-center i { margin-bottom: 6px; font-size: 2.2rem; }.tato-about-role-center strong { font-size: .88rem; }.tato-about-role-center small { color: var(--about-muted); font-size: .68rem; }.tato-about-role-node { position: absolute; display: grid; place-items: center; gap: 7px; width: 118px; height: 118px; border: 1px solid var(--about-ink); border-radius: 50%; font-size: .75rem; font-weight: 850; text-align: center; }.tato-about-role-node i { font-size: 1.45rem; }.tato-role-lime { top: 1%; left: 14%; background: var(--about-lime); }.tato-role-yellow { top: 7%; right: 8%; background: var(--about-yellow); }.tato-role-pink { right: 0; bottom: 6%; background: var(--about-pink); }.tato-role-purple { bottom: 0; left: 17%; background: var(--about-purple); }.tato-role-blue { top: 44%; left: 0; background: var(--about-blue); }
.tato-about-audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.tato-about-audience-card { padding: 25px 20px; border-top: 2px solid var(--about-ink); }.tato-about-audience-icon { display: block; margin-bottom: 25px; font-size: 2.2rem; }.tato-about-audience-card h3 { margin-bottom: 9px; font-size: 1.1rem; }.tato-about-audience-card p { color: var(--about-muted); font-size: .84rem; line-height: 1.5; }
.tato-about-profile { display: grid; grid-template-columns: .9fr 1.1fr; gap: 75px; align-items: center; }.tato-about-profile-flow { display: grid; gap: 11px; margin-top: 30px; }.tato-about-profile-flow span { display: flex; align-items: center; gap: 12px; font-size: .84rem; font-weight: 800; }.tato-about-profile-flow b { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: var(--about-ink); font-size: .7rem; }.tato-about-profile-mockup { padding: 28px; border: 1px solid var(--about-ink); border-radius: 15px; background: #fff; box-shadow: 10px 10px 0 var(--about-lime); }.tato-about-mockup-head, .tato-about-mockup-line { display: flex; align-items: center; gap: 12px; }.tato-about-mockup-head > i { margin-left: auto; }.tato-about-mockup-avatar { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; color: #fff; background: var(--about-ink); font-weight: 850; }.tato-about-mockup-head strong, .tato-about-mockup-head small { display: block; }.tato-about-mockup-head strong { font-size: .95rem; }.tato-about-mockup-head small { margin-top: 3px; color: var(--about-muted); font-size: .72rem; }.tato-about-mockup-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 25px 0; padding: 18px 0; border-top: 1px solid #e0e4da; border-bottom: 1px solid #e0e4da; }.tato-about-mockup-stats b, .tato-about-mockup-stats small { display: block; }.tato-about-mockup-stats b { font-size: 1.3rem; }.tato-about-mockup-stats small { color: var(--about-muted); font-size: .7rem; }.tato-about-mockup-line { padding: 12px 0; }.tato-about-mockup-line > span { width: 11px; height: 11px; border-radius: 50%; background: #dce2d6; }.tato-about-mockup-line > span.is-done { background: var(--about-lime); }.tato-about-mockup-line > span.is-current { background: var(--about-yellow); }.tato-about-mockup-line div { flex: 1; }.tato-about-mockup-line strong, .tato-about-mockup-line small { display: block; }.tato-about-mockup-line strong { font-size: .8rem; }.tato-about-mockup-line small { margin-top: 3px; color: var(--about-muted); font-size: .7rem; }.tato-about-mockup-line > b { font-size: .9rem; }
.tato-about-category-list { display: flex; flex-wrap: wrap; gap: 12px; }.tato-about-category-pill { display: inline-flex; align-items: center; gap: 10px; min-height: 58px; padding: 10px 17px; border: 1px solid var(--about-ink); border-radius: 7px; color: var(--about-ink); font-size: .88rem; font-weight: 850; text-decoration: none; transition: transform .2s ease; }.tato-about-category-pill:hover { color: var(--about-ink); transform: rotate(-2deg) translateY(-3px); }.tato-about-category-pill i { font-size: 1.2rem; }.tato-about-category-pill span { margin-left: 13px; }.tato-about-category-lime { background: var(--about-lime); }.tato-about-category-purple { background: var(--about-purple); }.tato-about-category-yellow { background: var(--about-yellow); }.tato-about-category-pink { background: var(--about-pink); }.tato-about-category-blue { background: var(--about-blue); }.tato-about-category-white { background: #fff; }
.tato-about-timeline-section { border-top: 1px solid #dfe3d8; }.tato-about-timeline { display: grid; grid-template-columns: repeat(7, 1fr); border-top: 1px solid var(--about-ink); }.tato-about-timeline-item { min-height: 160px; padding: 20px 13px 0 0; border-right: 1px solid #d2d7cb; }.tato-about-timeline-item:not(:first-child) { padding-left: 13px; }.tato-about-timeline-item:last-child { border-right: 0; }.tato-about-timeline-item > b { display: block; margin-bottom: 40px; color: #7b8572; font-size: .7rem; }.tato-about-timeline-item strong, .tato-about-timeline-item small { display: block; }.tato-about-timeline-item strong { font-size: .8rem; }.tato-about-timeline-item small { margin-top: 7px; color: var(--about-muted); font-size: .7rem; line-height: 1.4; }
.tato-about-organizer { display: grid; grid-template-columns: .8fr 1.2fr; gap: 36px 75px; align-items: center; padding: 70px 40px; border-radius: 15px; background: var(--about-yellow); }.tato-about-organizer-flow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }.tato-about-organizer-flow span { display: flex; gap: 12px; align-items: center; padding-bottom: 12px; border-bottom: 1px solid rgba(23,23,23,.35); font-size: .84rem; font-weight: 800; }.tato-about-organizer-flow b { color: #8a6b12; font-size: .7rem; }.tato-about-organizer > .tato-about-button { width: fit-content; }
.tato-about-pro-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.tato-about-pro-card { display: flex; min-height: 185px; flex-direction: column; justify-content: space-between; padding: 20px; border: 1px solid var(--about-ink); border-radius: 9px; color: var(--about-ink); background: #fff; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.tato-about-pro-card:nth-child(2) { background: var(--about-purple); }.tato-about-pro-card:nth-child(3) { background: var(--about-blue); }.tato-about-pro-card:nth-child(4) { background: var(--about-pink); }.tato-about-pro-card:hover { color: var(--about-ink); transform: translateY(-4px); box-shadow: 5px 5px 0 var(--about-ink); }.tato-about-pro-card strong, .tato-about-pro-card small { display: block; }.tato-about-pro-card strong { font-size: 1rem; }.tato-about-pro-card small { max-width: 190px; margin-top: 9px; color: #596259; font-size: .78rem; line-height: 1.45; }.tato-about-pro-card > i { align-self: flex-end; font-size: 1.2rem; }.tato-about-pro-card em { font-size: .7rem; font-style: normal; font-weight: 800; }
.tato-about-final { margin-bottom: 45px; padding: 88px 45px; border-radius: 15px; color: #fff; background: var(--about-ink); }.tato-about-final .tato-about-eyebrow { color: var(--about-lime); }.tato-about-final h2 { max-width: 720px; }.tato-about-final .tato-about-button-dark { color: var(--about-ink); background: var(--about-lime); }.tato-about-final .tato-about-button-light { border-color: #fff; color: #fff; background: transparent; }
@media (max-width: 900px) { .tato-about-hero { grid-template-columns: 1fr; padding-top: 55px; }.tato-about-hero-scene { min-height: 430px; }.tato-about-step-grid, .tato-about-audience-grid { grid-template-columns: repeat(2, 1fr); }.tato-about-roles, .tato-about-profile, .tato-about-organizer { grid-template-columns: 1fr; }.tato-about-profile { gap: 35px; }.tato-about-pro-grid { grid-template-columns: repeat(2, 1fr); }.tato-about-timeline { overflow-x: auto; grid-template-columns: repeat(7, minmax(135px, 1fr)); } }
@media (max-width: 600px) { .tato-about-hero, .tato-about-section, .tato-about-final { width: min(100% - 28px, 1180px); }.tato-about-hero { min-height: auto; padding: 44px 0 30px; }.tato-about-hero h1 { font-size: 2.85rem; }.tato-about-lead { font-size: 1rem; }.tato-about-hero-scene { min-height: 370px; transform: scale(.88); transform-origin: top center; margin-bottom: -35px; }.tato-about-section { padding: 60px 0; }.tato-about-section h2, .tato-about-organizer h2, .tato-about-final h2 { font-size: 2.25rem; }.tato-about-step-grid, .tato-about-audience-grid, .tato-about-pro-grid { grid-template-columns: 1fr; }.tato-about-step-card { min-height: 205px; }.tato-about-step-card h3 { margin-top: 42px; }.tato-about-roles-map { min-height: 380px; transform: scale(.9); transform-origin: center; margin: -15px -20px; }.tato-about-profile-mockup { padding: 20px; }.tato-about-organizer { padding: 35px 24px; gap: 30px; }.tato-about-organizer-flow { grid-template-columns: 1fr; }.tato-about-final { padding: 55px 24px; }.tato-about-final .tato-about-actions, .tato-about-hero .tato-about-actions { flex-direction: column; align-items: stretch; }.tato-about-final .tato-about-button, .tato-about-hero .tato-about-button { width: 100%; }.tato-about-category-pill { flex: 1 1 45%; justify-content: center; }.tato-about-category-pill span { margin-left: auto; } }

/* Price presentation page */
.tato-price-page { --price-ink: #171717; --price-muted: #687064; --price-lime: #c7ed64; --price-yellow: #ffd55d; --price-pink: #f7b8c8; --price-purple: #c6b7ff; --price-blue: #b9e7ef; overflow: hidden; color: var(--price-ink); background: #f4f5ef; }
.tato-price-page h1, .tato-price-page h2, .tato-price-page h3, .tato-price-page p { margin-top: 0; }.tato-price-page h1, .tato-price-page h2, .tato-price-page h3, .tato-price-page strong { letter-spacing: 0; }
.tato-price-hero, .tato-price-section, .tato-price-explainer, .tato-price-principle, .tato-price-final { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }.tato-price-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .8fr); gap: 55px; align-items: center; min-height: 640px; padding: 72px 0 80px; }.tato-price-eyebrow { margin-bottom: 18px; color: #6a7658; font-size: .73rem; font-weight: 900; letter-spacing: .13em !important; }.tato-price-hero h1 { max-width: 690px; margin-bottom: 24px; font-size: clamp(2.7rem, 5.2vw, 5rem); font-weight: 850; line-height: .96; }.tato-price-lead { max-width: 550px; margin-bottom: 30px; color: var(--price-muted); font-size: 1.12rem; line-height: 1.55; }.tato-price-actions { display: flex; flex-wrap: wrap; gap: 12px; }.tato-price-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 50px; padding: 13px 20px; border: 1px solid var(--price-ink); border-radius: 9px; font-size: .87rem; font-weight: 850; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.tato-price-button:hover, .tato-price-button:focus-visible { transform: translateY(-3px); box-shadow: 4px 4px 0 var(--price-ink); }.tato-price-button-dark { color: #fff; background: var(--price-ink); }.tato-price-button-light { color: var(--price-ink); background: #fff; }.tato-price-button-outline { color: #fff; border-color: #fff; background: transparent; }
.tato-price-zero { position: relative; display: grid; min-height: 410px; place-content: center; padding: 40px; border: 1px solid var(--price-ink); border-radius: 16px; background: var(--price-lime); box-shadow: 13px 13px 0 var(--price-ink); transform: rotate(2deg); text-align: center; }.tato-price-zero:before, .tato-price-zero:after { position: absolute; width: 100px; height: 100px; border: 1px solid var(--price-ink); border-radius: 50%; content: ''; }.tato-price-zero:before { top: -30px; right: -22px; }.tato-price-zero:after { bottom: -30px; left: -27px; }.tato-price-zero-mark { font-size: clamp(8rem, 16vw, 13rem); font-weight: 900; line-height: .7; letter-spacing: -.08em; }.tato-price-zero-currency { margin: 0 0 22px 13px; font-size: 2rem; font-weight: 850; }.tato-price-zero strong { font-size: 1.1rem; line-height: 1.15; }.tato-price-zero small { margin-top: 20px; color: #4f5d3d; font-size: .78rem; line-height: 1.5; }
.tato-price-section { padding: 88px 0; }.tato-price-section-heading { max-width: 700px; margin-bottom: 38px; }.tato-price-section-heading h2, .tato-price-explainer h2, .tato-price-principle h2, .tato-price-final h2 { margin-bottom: 16px; font-size: clamp(2rem, 4vw, 3.7rem); font-weight: 850; line-height: 1; }.tato-price-section-heading > p:last-child, .tato-price-explainer > div > p:last-child { color: var(--price-muted); line-height: 1.55; }.tato-price-free-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }.tato-price-free-card { min-height: 270px; padding: 22px; border: 1px solid var(--price-ink); border-radius: 10px; background: #fff; }.tato-price-free-card:nth-child(2) { background: var(--price-yellow); }.tato-price-free-card:nth-child(3) { background: var(--price-pink); }.tato-price-free-card:nth-child(4) { background: var(--price-purple); }.tato-price-card-top { display: flex; justify-content: space-between; color: #66715f; }.tato-price-card-top span { font-size: .74rem; font-weight: 850; }.tato-price-card-top i { font-size: 1.35rem; color: var(--price-ink); }.tato-price-free-card h3 { margin: 62px 0 10px; font-size: 1.08rem; }.tato-price-free-card p { min-height: 60px; color: #5d655b; font-size: .82rem; line-height: 1.48; }.tato-price-free-label { display: flex; align-items: center; justify-content: space-between; margin-top: 22px; padding-top: 15px; border-top: 1px solid rgba(23,23,23,.3); font-size: .68rem; letter-spacing: .04em !important; }.tato-price-free-label b { font-size: .85rem; }
.tato-price-explainer { display: grid; grid-template-columns: 120px 1fr 1.05fr; gap: 35px; align-items: center; padding: 52px 44px; border-radius: 15px; background: var(--price-blue); }.tato-price-explainer-badge { display: grid; place-items: center; gap: 8px; width: 105px; height: 105px; border: 1px solid var(--price-ink); border-radius: 50%; background: #fff; font-size: .72rem; font-weight: 850; text-align: center; }.tato-price-explainer-badge i { font-size: 1.45rem; }.tato-price-event-example { display: flex; gap: 14px; padding: 20px; border: 1px solid var(--price-ink); border-radius: 10px; background: #fff; }.tato-price-example-icon { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: var(--price-yellow); }.tato-price-event-example strong, .tato-price-event-example small { display: block; }.tato-price-event-example strong { margin-bottom: 8px; font-size: .86rem; }.tato-price-event-example small { color: var(--price-muted); font-size: .75rem; line-height: 1.45; }.tato-price-event-example small b { color: var(--price-ink); }
.tato-price-products { padding-bottom: 55px; }.tato-price-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.tato-price-product-card { display: flex; min-height: 255px; flex-direction: column; padding: 21px; border: 1px solid var(--price-ink); border-radius: 9px; transition: transform .2s ease, box-shadow .2s ease; }.tato-price-product-card:hover { transform: translateY(-4px); box-shadow: 5px 5px 0 var(--price-ink); }.tato-price-product-lime { background: var(--price-lime); }.tato-price-product-purple { background: var(--price-purple); }.tato-price-product-yellow { background: var(--price-yellow); }.tato-price-product-pink { background: var(--price-pink); }.tato-price-product-head { display: flex; align-items: flex-start; justify-content: space-between; }.tato-price-product-icon { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid var(--price-ink); border-radius: 50%; background: rgba(255,255,255,.6); }.tato-price-unavailable { max-width: 105px; color: #715d2c; font-size: .65rem; font-weight: 800; text-align: right; }.tato-price-product-card h3 { margin: 48px 0 9px; font-size: 1rem; }.tato-price-product-card p { color: #596259; font-size: .78rem; line-height: 1.45; }.tato-price-product-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 18px; }.tato-price-product-bottom strong { font-size: 1.15rem; }.tato-price-product-bottom a { color: var(--price-ink); font-size: .72rem; font-weight: 850; text-decoration: none; white-space: nowrap; }.tato-price-product-bottom a i { margin-left: 4px; }.tato-price-product-card.is-unavailable { filter: saturate(.35); opacity: .74; }.tato-price-note { margin: 24px 0 0; color: var(--price-muted); font-size: .76rem; }
.tato-price-principle { display: grid; grid-template-columns: 145px 1fr; gap: 42px; align-items: center; padding: 72px 45px; border-radius: 15px; color: #fff; background: var(--price-ink); }.tato-price-principle .tato-price-eyebrow, .tato-price-final .tato-price-eyebrow { color: var(--price-lime); }.tato-price-principle-mark { display: grid; width: 125px; height: 125px; place-items: center; border: 1px solid #fff; border-radius: 50%; color: var(--price-lime); font-size: 5.2rem; line-height: 1; }.tato-price-principle p:last-child { max-width: 700px; color: #c8cdc5; line-height: 1.6; }.tato-price-final { margin-top: 88px; margin-bottom: 45px; padding: 82px 45px; border-radius: 15px; color: #fff; background: var(--price-ink); }.tato-price-final h2 { max-width: 720px; }.tato-price-final .tato-price-actions { margin-top: 28px; }
.tato-price-final .tato-price-button-dark { color: var(--price-ink); border-color: var(--price-ink); background: var(--price-yellow); }
.tato-price-invoice { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; gap: 28px; align-items: center; width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 34px 38px; border: 1px solid var(--price-ink); border-radius: 14px; background: var(--price-yellow); }.tato-price-invoice-icon { display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid var(--price-ink); border-radius: 50%; background: #fff; font-size: 1.55rem; }.tato-price-invoice .tato-price-eyebrow { margin-bottom: 10px; color: #6a5a20; }.tato-price-invoice h2 { margin-bottom: 9px; font-size: clamp(1.45rem, 2.4vw, 2.2rem); font-weight: 850; line-height: 1.05; }.tato-price-invoice p:last-child { max-width: 670px; margin-bottom: 0; color: #5e542d; font-size: .9rem; line-height: 1.5; }.tato-price-invoice .tato-price-button { white-space: nowrap; }
@media (max-width: 900px) { .tato-price-hero { grid-template-columns: 1fr; padding-top: 55px; }.tato-price-zero { max-width: 500px; }.tato-price-free-grid, .tato-price-product-grid { grid-template-columns: repeat(2, 1fr); }.tato-price-explainer { grid-template-columns: 100px 1fr; }.tato-price-event-example { grid-column: 1 / -1; }.tato-price-principle { grid-template-columns: 105px 1fr; }.tato-price-principle-mark { width: 100px; height: 100px; font-size: 4rem; } }
@media (max-width: 600px) { .tato-price-hero, .tato-price-section, .tato-price-explainer, .tato-price-principle, .tato-price-invoice, .tato-price-final { width: min(100% - 28px, 1180px); }.tato-price-hero { min-height: auto; padding: 44px 0 35px; }.tato-price-hero h1 { font-size: 2.8rem; }.tato-price-lead { font-size: 1rem; }.tato-price-hero .tato-price-actions, .tato-price-final .tato-price-actions { flex-direction: column; align-items: stretch; }.tato-price-hero .tato-price-button, .tato-price-final .tato-price-button { width: 100%; }.tato-price-zero { min-height: 350px; transform: rotate(1deg); }.tato-price-zero-mark { font-size: 9rem; }.tato-price-section { padding: 60px 0; }.tato-price-section-heading h2, .tato-price-explainer h2, .tato-price-principle h2, .tato-price-final h2 { font-size: 2.25rem; }.tato-price-free-grid, .tato-price-product-grid { grid-template-columns: 1fr; }.tato-price-free-card { min-height: 230px; }.tato-price-free-card h3, .tato-price-product-card h3 { margin-top: 42px; }.tato-price-explainer { grid-template-columns: 1fr; padding: 35px 24px; }.tato-price-explainer-badge { margin: 0 auto; }.tato-price-principle { grid-template-columns: 1fr; padding: 50px 24px; }.tato-price-principle-mark { margin: 0 auto; }.tato-price-invoice { grid-template-columns: 1fr; gap: 18px; padding: 30px 24px; }.tato-price-invoice-icon { width: 60px; height: 60px; }.tato-price-invoice .tato-price-button { width: 100%; }.tato-price-final { margin-top: 60px; padding: 55px 24px; } }

/* Turnkey contest service presentation page */
.tato-turnkey-page { --turnkey-ink: #171717; --turnkey-muted: #687064; --turnkey-lime: #c7ed64; --turnkey-yellow: #ffd55d; --turnkey-pink: #f7b8c8; --turnkey-purple: #c6b7ff; --turnkey-blue: #b9e7ef; overflow: hidden; color: var(--turnkey-ink); background: #f4f5ef; }
.tato-turnkey-page h1, .tato-turnkey-page h2, .tato-turnkey-page h3, .tato-turnkey-page p { margin-top: 0; }.tato-turnkey-page h1, .tato-turnkey-page h2, .tato-turnkey-page h3, .tato-turnkey-page strong { letter-spacing: 0; }
.tato-turnkey-hero, .tato-turnkey-section, .tato-turnkey-flow, .tato-turnkey-selling, .tato-turnkey-final { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.tato-turnkey-hero { display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: 50px; align-items: center; min-height: 650px; padding: 72px 0 84px; }.tato-turnkey-eyebrow { margin-bottom: 18px; color: #6a7658; font-size: .73rem; font-weight: 900; letter-spacing: .13em !important; }.tato-turnkey-hero h1 { max-width: 650px; margin-bottom: 24px; font-size: clamp(3rem, 5.8vw, 5.45rem); font-weight: 850; line-height: .95; }.tato-turnkey-lead { max-width: 535px; margin-bottom: 30px; color: var(--turnkey-muted); font-size: 1.12rem; line-height: 1.55; }.tato-turnkey-actions { display: flex; flex-wrap: wrap; gap: 12px; }.tato-turnkey-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 50px; padding: 13px 20px; border: 1px solid var(--turnkey-ink); border-radius: 9px; color: var(--turnkey-ink); font-size: .87rem; font-weight: 850; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.tato-turnkey-button:hover, .tato-turnkey-button:focus-visible { color: var(--turnkey-ink); transform: translateY(-3px); box-shadow: 4px 4px 0 var(--turnkey-ink); }.tato-turnkey-button-dark { color: #fff; background: var(--turnkey-ink); }.tato-turnkey-button-dark:hover, .tato-turnkey-button-dark:focus-visible { color: #fff; }.tato-turnkey-button-light { background: #fff; }
.tato-turnkey-hero-art { position: relative; min-height: 500px; }.tato-turnkey-art-ring { position: absolute; border: 1px solid #cbd0c4; border-radius: 50%; }.tato-turnkey-art-ring-one { inset: 8% 5% 12% 8%; transform: rotate(-22deg); }.tato-turnkey-art-ring-two { inset: 17% 19% 2% 19%; transform: rotate(40deg); }.tato-turnkey-art-core { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; width: 205px; height: 205px; place-content: center; transform: translate(-50%, -50%); border: 1px solid var(--turnkey-ink); border-radius: 50%; background: var(--turnkey-lime); box-shadow: 10px 10px 0 var(--turnkey-ink); text-align: center; }.tato-turnkey-art-core i { margin-bottom: 8px; font-size: 2rem; }.tato-turnkey-art-core strong { font-size: 1rem; }.tato-turnkey-art-core small { margin-top: 5px; color: #5b673f; font-size: .7rem; }.tato-turnkey-art-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 13px 16px; border: 1px solid var(--turnkey-ink); border-radius: 10px; background: #fff; box-shadow: 5px 5px 0 rgba(23,23,23,.1); font-size: .78rem; font-weight: 850; }.tato-turnkey-art-note i { font-size: 1.1rem; }.tato-turnkey-art-note-idea { top: 11%; left: 3%; transform: rotate(-6deg); background: var(--turnkey-yellow); }.tato-turnkey-art-note-people { right: 0; bottom: 22%; transform: rotate(5deg); background: var(--turnkey-blue); }.tato-turnkey-art-note-award { bottom: 2%; left: 16%; transform: rotate(-4deg); background: var(--turnkey-pink); }
.tato-turnkey-section, .tato-turnkey-flow { padding: 88px 0; }.tato-turnkey-section-heading { max-width: 760px; margin-bottom: 38px; }.tato-turnkey-section-heading h2, .tato-turnkey-audience h2, .tato-turnkey-selling h2, .tato-turnkey-final h2 { margin-bottom: 17px; font-size: clamp(2.1rem, 4vw, 3.8rem); font-weight: 850; line-height: 1; }.tato-turnkey-section-heading > p:last-child, .tato-turnkey-audience-copy > p:last-child, .tato-turnkey-final > p:not(.tato-turnkey-eyebrow) { color: var(--turnkey-muted); line-height: 1.6; }
.tato-turnkey-service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }.tato-turnkey-service-card { position: relative; min-height: 255px; padding: 22px; border: 1px solid var(--turnkey-ink); border-radius: 10px; transition: transform .2s ease, box-shadow .2s ease; }.tato-turnkey-service-card:hover { transform: translateY(-5px); box-shadow: 5px 5px 0 var(--turnkey-ink); }.tato-turnkey-tone-lime { background: var(--turnkey-lime); }.tato-turnkey-tone-yellow { background: var(--turnkey-yellow); }.tato-turnkey-tone-pink { background: var(--turnkey-pink); }.tato-turnkey-tone-purple { background: var(--turnkey-purple); }.tato-turnkey-tone-blue { background: var(--turnkey-blue); }.tato-turnkey-tone-white { background: #fff; }.tato-turnkey-card-top { display: flex; justify-content: space-between; color: #66715f; }.tato-turnkey-card-top span { font-size: .74rem; font-weight: 850; }.tato-turnkey-card-top i { color: var(--turnkey-ink); font-size: 1.35rem; }.tato-turnkey-service-card h3 { margin: 57px 0 10px; font-size: 1.05rem; }.tato-turnkey-service-card p { max-width: 235px; color: #596259; font-size: .81rem; line-height: 1.48; }.tato-turnkey-card-arrow { position: absolute; right: 20px; bottom: 17px; font-size: 1.25rem; }
.tato-turnkey-flow { border-top: 1px solid #dfe3d8; }.tato-turnkey-process { display: grid; grid-template-columns: repeat(7, minmax(135px, 1fr)); overflow-x: auto; border-top: 1px solid var(--turnkey-ink); }.tato-turnkey-process-item { position: relative; min-height: 180px; padding: 19px 13px 20px 0; border-right: 1px solid #d2d7cb; }.tato-turnkey-process-item:not(:first-child) { padding-left: 13px; }.tato-turnkey-process-item:last-child { border-right: 0; }.tato-turnkey-process-item > span { display: block; margin-bottom: 37px; color: #7b8572; font-size: .7rem; font-weight: 850; }.tato-turnkey-process-item > i { position: absolute; top: 17px; right: 12px; color: #8c9684; font-size: .85rem; }.tato-turnkey-process-item strong, .tato-turnkey-process-item small { display: block; }.tato-turnkey-process-item strong { max-width: 125px; font-size: .8rem; line-height: 1.25; }.tato-turnkey-process-item small { margin-top: 8px; color: var(--turnkey-muted); font-size: .7rem; line-height: 1.4; }
.tato-turnkey-audience { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: center; }.tato-turnkey-audience-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.tato-turnkey-audience-list div { display: flex; align-items: center; gap: 13px; min-height: 74px; padding: 14px 17px; border: 1px solid var(--turnkey-ink); border-radius: 9px; background: #fff; font-size: .82rem; font-weight: 800; }.tato-turnkey-audience-list div:nth-child(2) { background: var(--turnkey-yellow); }.tato-turnkey-audience-list div:nth-child(3) { background: var(--turnkey-pink); }.tato-turnkey-audience-list div:nth-child(4) { background: var(--turnkey-purple); }.tato-turnkey-audience-list div:nth-child(5) { background: var(--turnkey-blue); }.tato-turnkey-audience-list i { font-size: 1.3rem; }
.tato-turnkey-selling { display: grid; grid-template-columns: 145px 1fr; gap: 43px; align-items: center; padding: 72px 45px; border-radius: 15px; color: #fff; background: var(--turnkey-ink); }.tato-turnkey-selling .tato-turnkey-eyebrow, .tato-turnkey-final .tato-turnkey-eyebrow { color: var(--turnkey-lime); }.tato-turnkey-selling-mark { display: grid; width: 125px; height: 125px; place-items: center; border: 1px solid #fff; border-radius: 50%; color: var(--turnkey-lime); font-size: 6rem; line-height: 1; }.tato-turnkey-selling p:last-child { max-width: 720px; margin-bottom: 0; color: #c8cdc5; line-height: 1.6; }.tato-turnkey-final { margin-top: 88px; margin-bottom: 45px; padding: 82px 45px; border-radius: 15px; color: #fff; background: var(--turnkey-yellow); }.tato-turnkey-final .tato-turnkey-eyebrow { color: #6a5a20; }.tato-turnkey-final h2 { max-width: 800px; }.tato-turnkey-final > p:not(.tato-turnkey-eyebrow) { max-width: 700px; color: #5e542d; }.tato-turnkey-final .tato-turnkey-button-dark { margin-top: 13px; color: #fff; background: var(--turnkey-ink); }
.tato-turnkey-final h2 { max-width: none; color: var(--turnkey-ink); }
@media (max-width: 900px) { .tato-turnkey-hero { grid-template-columns: 1fr; padding-top: 55px; }.tato-turnkey-hero-art { min-height: 430px; }.tato-turnkey-service-grid { grid-template-columns: repeat(2, 1fr); }.tato-turnkey-audience { grid-template-columns: 1fr; gap: 35px; } }
@media (max-width: 600px) { .tato-turnkey-hero, .tato-turnkey-section, .tato-turnkey-flow, .tato-turnkey-selling, .tato-turnkey-final { width: min(100% - 28px, 1180px); }.tato-turnkey-hero { min-height: auto; padding: 44px 0 30px; }.tato-turnkey-hero h1 { font-size: 2.9rem; }.tato-turnkey-lead { font-size: 1rem; }.tato-turnkey-actions { flex-direction: column; align-items: stretch; }.tato-turnkey-actions .tato-turnkey-button { width: 100%; }.tato-turnkey-hero-art { min-height: 365px; transform: scale(.88); transform-origin: top center; margin-bottom: -40px; }.tato-turnkey-section, .tato-turnkey-flow { padding: 60px 0; }.tato-turnkey-section-heading h2, .tato-turnkey-audience h2, .tato-turnkey-selling h2, .tato-turnkey-final h2 { font-size: 2.25rem; }.tato-turnkey-service-grid { grid-template-columns: 1fr; }.tato-turnkey-service-card { min-height: 220px; }.tato-turnkey-service-card h3 { margin-top: 43px; }.tato-turnkey-audience-list { grid-template-columns: 1fr; }.tato-turnkey-selling { grid-template-columns: 1fr; gap: 28px; padding: 50px 24px; }.tato-turnkey-selling-mark { margin: 0 auto; }.tato-turnkey-final { margin-top: 60px; padding: 55px 24px; }.tato-turnkey-final .tato-turnkey-button { width: 100%; } }

/* Rating explanation presentation */
.tato-ratings-presentation { width: 100%; padding-bottom: 45px; color: #171717; background: #f4f5ef; }
.tato-ratings-hero, .tato-ratings-types, .tato-ratings-xp, .tato-ratings-achievements, .tato-ratings-connection, .tato-ratings-rise, .tato-ratings-leaders { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.tato-ratings-hero { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 55px; align-items: center; padding: 70px 0 78px; }.tato-ratings-eyebrow { margin-bottom: 16px; color: #6a7658; font-size: .72rem; font-weight: 900; letter-spacing: .13em !important; }.tato-ratings-hero h1 { margin-bottom: 20px; font-size: clamp(2.9rem, 5.6vw, 5.3rem); font-weight: 850; line-height: .95; }.tato-ratings-lead { max-width: 680px; margin-bottom: 17px; font-size: 1.2rem; line-height: 1.45; }.tato-ratings-hero-note { max-width: 680px; margin-bottom: 0; color: #687064; line-height: 1.55; }.tato-ratings-hero-mark { display: grid; min-height: 270px; place-content: center; padding: 25px; border: 1px solid #171717; border-radius: 50%; background: #c7ed64; box-shadow: 10px 10px 0 #171717; text-align: center; transform: rotate(4deg); }.tato-ratings-hero-mark span { font-size: 5rem; font-weight: 900; line-height: .9; }.tato-ratings-hero-mark strong { margin-top: 18px; font-size: 1rem; }.tato-ratings-hero-mark small { margin-top: 6px; color: #59653d; font-size: .7rem; }
.tato-ratings-types { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; padding-bottom: 78px; }.tato-ratings-type-card { min-height: 390px; padding: 27px; border: 1px solid #171717; border-radius: 13px; }.tato-ratings-type-participants { background: #c7ed64; }.tato-ratings-type-users { background: #c6b7ff; }.tato-ratings-type-icon { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #fff; font-size: 1.35rem; }.tato-ratings-type-card .tato-ratings-eyebrow { margin-top: 32px; margin-bottom: 9px; color: #59653d; }.tato-ratings-type-card h2 { margin-bottom: 13px; font-size: 2rem; font-weight: 850; }.tato-ratings-type-card > p:not(.tato-ratings-eyebrow) { max-width: 480px; color: #596259; line-height: 1.5; }.tato-ratings-points-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px 20px; margin-top: 24px; }.tato-ratings-points-list span { display: flex; justify-content: space-between; gap: 10px; padding-top: 8px; border-top: 1px solid rgba(23,23,23,.25); color: #596259; font-size: .76rem; }.tato-ratings-points-list b { color: #171717; white-space: nowrap; }.tato-ratings-formula { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 27px 0 20px; }.tato-ratings-formula span, .tato-ratings-formula strong { padding: 9px 11px; border: 1px solid #171717; border-radius: 7px; background: #fff; font-size: .72rem; }.tato-ratings-formula b { font-size: 1rem; }.tato-ratings-type-card small { display: block; max-width: 470px; color: #596259; line-height: 1.5; }
.tato-ratings-xp { display: grid; grid-template-columns: 125px minmax(0, 1fr) 300px; gap: 35px; align-items: center; padding: 47px 42px; border-radius: 15px; color: #fff; background: #171717; }.tato-ratings-xp-mark { display: grid; width: 112px; height: 112px; place-items: center; border: 1px solid #fff; border-radius: 50%; color: #171717; background: #ffd55d; font-size: 1.65rem; font-weight: 900; }.tato-ratings-xp .tato-ratings-eyebrow { color: #c7ed64; }.tato-ratings-xp h2 { margin-bottom: 11px; font-size: 2.2rem; font-weight: 850; }.tato-ratings-xp p:last-child { max-width: 600px; margin-bottom: 0; color: #c8cdc5; line-height: 1.55; }.tato-ratings-xp-sources { display: grid; gap: 8px; }.tato-ratings-xp-sources span { display: flex; justify-content: space-between; gap: 15px; padding: 9px 0; border-bottom: 1px solid #444; }.tato-ratings-xp-sources small { color: #c8cdc5; }.tato-ratings-xp-sources b { color: #ffd55d; font-size: .75rem; white-space: nowrap; }
.tato-ratings-achievements { padding: 88px 0; }.tato-ratings-section-heading { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 35px; }.tato-ratings-section-heading h2 { margin-bottom: 0; font-size: clamp(2.1rem, 4vw, 3.6rem); font-weight: 850; line-height: 1; }.tato-ratings-section-heading > p { max-width: 470px; margin-bottom: 0; color: #687064; line-height: 1.55; }.tato-ratings-achievement-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.tato-ratings-achievement-card { display: flex; min-height: 205px; flex-direction: column; padding: 18px; border: 1px solid #171717; border-radius: 9px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.tato-ratings-achievement-card:hover { transform: translateY(-4px); box-shadow: 5px 5px 0 #171717; }.tato-ratings-achievement-card > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.tato-ratings-achievement-icon { font-size: 1.45rem; }.tato-ratings-achievement-card small { color: #879080; font-size: .65rem; font-weight: 800; text-transform: uppercase; }.tato-ratings-achievement-card h3 { margin: 29px 0 7px; font-size: .95rem; font-weight: 850; }.tato-ratings-achievement-card p { min-height: 42px; margin-bottom: 13px; color: #687064; font-size: .74rem; line-height: 1.4; }.tato-ratings-achievement-card > strong { margin-top: auto; color: #718b34; font-size: .9rem; }
.tato-ratings-connection { padding: 72px 0; border-top: 1px solid #dfe3d8; }.tato-ratings-connection-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 15px; align-items: center; }.tato-ratings-connection-flow > div { min-height: 190px; padding: 18px; border: 1px solid #171717; border-radius: 10px; background: #fff; }.tato-ratings-connection-flow > div:nth-of-type(2) { background: #ffd55d; }.tato-ratings-connection-flow > div:nth-of-type(3) { background: #f7b8c8; }.tato-ratings-connection-flow > div:nth-of-type(4) { background: #c6b7ff; }.tato-ratings-connection-flow span, .tato-ratings-connection-flow i, .tato-ratings-connection-flow strong, .tato-ratings-connection-flow small { display: block; }.tato-ratings-connection-flow span { color: #7b8572; font-size: .7rem; font-weight: 850; }.tato-ratings-connection-flow i { margin: 26px 0 10px; font-size: 1.6rem; font-style: normal; }.tato-ratings-connection-flow strong { font-size: .85rem; }.tato-ratings-connection-flow small { margin-top: 6px; color: #687064; font-size: .7rem; line-height: 1.4; }.tato-ratings-connection-flow > b { color: #7b8572; font-size: 1.35rem; }
.tato-ratings-rise { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; padding: 70px 0; }.tato-ratings-rise h2 { margin-bottom: 13px; font-size: clamp(2rem, 3.5vw, 3.2rem); font-weight: 850; line-height: 1; }.tato-ratings-rise p { color: #687064; line-height: 1.5; }.tato-ratings-rise ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; margin: 0; padding: 0; list-style: none; }.tato-ratings-rise li { padding: 15px 16px 15px 38px; border: 1px solid #171717; border-radius: 8px; background: #c7ed64; font-size: .8rem; font-weight: 800; }.tato-ratings-rise li:nth-child(even) { background: #fff; }.tato-ratings-rise li::before { content: '✓'; margin-left: -22px; margin-right: 9px; }
.tato-ratings-leaders { display: grid; grid-template-columns: 145px 1fr; gap: 43px; align-items: center; margin-bottom: 55px; padding: 65px 45px; border-radius: 15px; color: #fff; background: #171717; }.tato-ratings-leaders-mark { display: grid; width: 125px; height: 125px; place-items: center; border: 1px solid #fff; border-radius: 50%; color: #171717; background: #ffd55d; font-size: 3.5rem; }.tato-ratings-leaders .tato-ratings-eyebrow { color: #c7ed64; }.tato-ratings-leaders h2 { max-width: 760px; margin-bottom: 14px; font-size: clamp(2rem, 3.7vw, 3.5rem); font-weight: 850; line-height: 1; }.tato-ratings-leaders p:not(.tato-ratings-eyebrow) { max-width: 680px; margin-bottom: 22px; color: #c8cdc5; line-height: 1.5; }.tato-ratings-button { display: inline-flex; align-items: center; gap: 12px; padding: 12px 17px; border: 1px solid #171717; border-radius: 8px; color: #171717; background: #c7ed64; font-size: .8rem; font-weight: 850; text-decoration: none; }.tato-ratings-button:hover, .tato-ratings-button:focus-visible { color: #171717; transform: translateY(-3px); box-shadow: 4px 4px 0 #fff; }
@media (max-width: 900px) { .tato-ratings-hero { grid-template-columns: 1fr; }.tato-ratings-hero-mark { width: 250px; min-height: 250px; margin-left: auto; }.tato-ratings-xp { grid-template-columns: 100px 1fr; }.tato-ratings-xp-sources { grid-column: 1 / -1; grid-template-columns: repeat(2, 1fr); }.tato-ratings-achievement-grid { grid-template-columns: repeat(2, 1fr); }.tato-ratings-connection-flow { grid-template-columns: 1fr 1fr; }.tato-ratings-connection-flow > b { display: none; }.tato-ratings-rise { grid-template-columns: 1fr; gap: 30px; } }
@media (max-width: 600px) { .tato-ratings-hero, .tato-ratings-types, .tato-ratings-xp, .tato-ratings-achievements, .tato-ratings-connection, .tato-ratings-rise, .tato-ratings-leaders { width: min(100% - 28px, 1180px); }.tato-ratings-hero { padding: 44px 0 55px; }.tato-ratings-hero h1 { font-size: 2.85rem; }.tato-ratings-lead { font-size: 1rem; }.tato-ratings-hero-mark { width: 210px; min-height: 210px; margin: 12px auto 0; }.tato-ratings-hero-mark span { font-size: 4rem; }.tato-ratings-types, .tato-ratings-achievement-grid, .tato-ratings-connection-flow, .tato-ratings-rise ul { grid-template-columns: 1fr; }.tato-ratings-types { padding-bottom: 55px; }.tato-ratings-type-card { min-height: 0; padding: 22px; }.tato-ratings-points-list { grid-template-columns: 1fr; }.tato-ratings-xp { grid-template-columns: 1fr; gap: 22px; padding: 35px 24px; }.tato-ratings-xp-mark { margin: 0 auto; }.tato-ratings-xp-sources { grid-template-columns: 1fr; }.tato-ratings-achievements, .tato-ratings-connection { padding: 60px 0; }.tato-ratings-section-heading { display: block; }.tato-ratings-section-heading > p { margin-top: 20px; }.tato-ratings-connection-flow > div { min-height: 145px; }.tato-ratings-connection-flow i { margin-top: 15px; }.tato-ratings-rise { padding: 55px 0; }.tato-ratings-leaders { grid-template-columns: 1fr; gap: 28px; margin-bottom: 35px; padding: 50px 24px; }.tato-ratings-leaders-mark { margin: 0 auto; }.tato-ratings-page #platform-leaderboard { width: min(100% - 28px, 1180px); margin-top: 35px; margin-bottom: 35px; padding: 28px 16px; }.tato-ratings-page #platform-leaderboard .tato-rating-platform-title { font-size: 2.25rem; }.tato-ratings-page #platform-leaderboard .tato-rating-tabs { flex-wrap: wrap; } }

/* Public Professional Event page */
.tato-event-pro-page { overflow: hidden; color: #171717; background: #f4f5ef; }
.tato-event-pro-hero, .tato-event-pro-comparison, .tato-event-pro-price, .tato-event-pro-for-who, .tato-event-pro-final { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.tato-event-pro-hero { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 70px; align-items: center; min-height: 620px; padding: 78px 0 92px; }
.tato-event-pro-eyebrow { margin: 0 0 15px; color: #6a7658; font-size: .72rem; font-weight: 900; letter-spacing: .13em; }
.tato-event-pro-hero h1 { margin: 0 0 22px; font-size: clamp(3.5rem, 7vw, 6.8rem); font-weight: 900; letter-spacing: -.04em; line-height: .88; }
.tato-event-pro-hero h1 em, .tato-event-pro-section-heading h2 em { color: #6c52ba; font-style: normal; }
.tato-event-pro-lead { max-width: 650px; margin: 0 0 28px; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.38; }
.tato-event-pro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.tato-event-pro-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 18px; border: 1px solid #171717; border-radius: 8px; font-size: .82rem; font-weight: 850; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.tato-event-pro-button:hover, .tato-event-pro-button:focus-visible { color: #171717; transform: translateY(-3px); box-shadow: 5px 5px 0 #171717; }
.tato-event-pro-button-dark { color: #fff; background: #171717; }
.tato-event-pro-button-dark:hover, .tato-event-pro-button-dark:focus-visible { color: #fff; }
.tato-event-pro-button-light { color: #171717; background: #c7ed64; }
.tato-event-pro-text-link { display: inline-flex; align-items: center; gap: 9px; color: #171717; font-size: .82rem; font-weight: 850; text-decoration: none; }
.tato-event-pro-text-link:hover, .tato-event-pro-text-link:focus-visible { color: #6c52ba; }
.tato-event-pro-flow-note { display: block; margin-top: 18px; color: #687064; font-size: .78rem; }
.tato-event-pro-hero-art { position: relative; display: grid; min-height: 335px; place-content: center; padding: 30px; border: 1px solid #171717; border-radius: 50%; background: #c6b7ff; box-shadow: 11px 11px 0 #171717; text-align: center; transform: rotate(5deg); }
.tato-event-pro-art-label { position: absolute; top: 28px; right: 28px; padding: 8px 10px; border: 1px solid #171717; border-radius: 6px; background: #ffd55d; font-size: .72rem; font-weight: 900; }
.tato-event-pro-hero-art strong { font-size: 2.3rem; line-height: .95; }
.tato-event-pro-hero-art i { margin: 20px 0 12px; font-size: 2.6rem; }
.tato-event-pro-hero-art small { color: #596259; font-size: .72rem; }
.tato-event-pro-comparison { padding: 85px 0; border-top: 1px solid #dfe3d8; }
.tato-event-pro-section-heading { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 38px; }
.tato-event-pro-section-heading h2 { margin: 0; font-size: clamp(2.2rem, 4.5vw, 4.2rem); font-weight: 900; letter-spacing: -.03em; line-height: .95; }
.tato-event-pro-section-heading > p { max-width: 430px; margin: 0; color: #687064; line-height: 1.55; }
.tato-event-pro-table-wrap { overflow-x: auto; border: 1px solid #171717; border-radius: 12px; background: #fff; }
.tato-event-pro-table { width: 100%; min-width: 650px; border-collapse: collapse; }
.tato-event-pro-table th, .tato-event-pro-table td { padding: 19px 22px; border-bottom: 1px solid #dfe3d8; text-align: left; }
.tato-event-pro-table thead th { color: #687064; background: #fff; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.tato-event-pro-table thead th:not(:first-child), .tato-event-pro-table td { width: 175px; text-align: center; }
.tato-event-pro-table tbody th { font-size: .86rem; font-weight: 800; }
.tato-event-pro-table tbody tr:last-child th, .tato-event-pro-table tbody tr:last-child td { border-bottom: 0; }
.tato-event-pro-table-pro { background: #c7ed64; }
.tato-event-pro-table thead .tato-event-pro-table-pro { color: #171717; background: #c7ed64; }
.tato-event-pro-table-pro span { display: block; margin-top: 4px; color: #59653d; font-size: .62rem; letter-spacing: .04em; }
.tato-event-pro-table i { color: #171717; font-size: 1.2rem; font-weight: 900; }
.tato-event-pro-table td > span { color: #a3aaa0; }
.tato-event-pro-price { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 34px; align-items: center; margin-bottom: 85px; padding: 42px; border-radius: 15px; color: #fff; background: #171717; }
.tato-event-pro-price-mark { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 135px; height: 135px; border: 1px solid #fff; border-radius: 50%; color: #171717; background: #ffd55d; transform: rotate(-5deg); }
.tato-event-pro-price-mark span { font-size: 2.3rem; font-weight: 900; line-height: 1; }
.tato-event-pro-price-mark small { margin-top: 6px; font-weight: 800; }
.tato-event-pro-price .tato-event-pro-eyebrow, .tato-event-pro-final .tato-event-pro-eyebrow { color: #c7ed64; }
.tato-event-pro-price h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 3vw, 2.7rem); font-weight: 900; }
.tato-event-pro-price p:last-child, .tato-event-pro-final > p:not(.tato-event-pro-eyebrow) { max-width: 600px; margin: 0; color: #c8cdc5; line-height: 1.5; }
.tato-event-pro-for-who { display: grid; grid-template-columns: 135px minmax(0, .9fr) 1.1fr; gap: 38px; align-items: center; padding: 30px 0 85px; }
.tato-event-pro-for-who-mark { display: grid; width: 115px; height: 115px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #f7b8c8; font-size: 2.2rem; }
.tato-event-pro-for-who h2 { margin: 0 0 12px; font-size: clamp(2rem, 3.5vw, 3.2rem); font-weight: 900; line-height: .98; }
.tato-event-pro-for-who p:last-child { margin: 0; color: #687064; line-height: 1.55; }
.tato-event-pro-for-who ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.tato-event-pro-for-who li { padding: 14px; border: 1px solid #171717; border-radius: 8px; background: #fff; font-size: .78rem; font-weight: 800; }
.tato-event-pro-for-who li:nth-child(2) { background: #ffd55d; }.tato-event-pro-for-who li:nth-child(3) { background: #c7ed64; }.tato-event-pro-for-who li:nth-child(4) { background: #c6b7ff; }
.tato-event-pro-final { margin-bottom: 55px; padding: 72px 45px; border-radius: 15px; background: #c7ed64; }
.tato-event-pro-final .tato-event-pro-eyebrow { color: #59653d; }.tato-event-pro-final h2 { width: 100%; max-width: none; margin: 0 0 14px; font-size: clamp(2.4rem, 5vw, 4.8rem); font-weight: 900; letter-spacing: -.04em; line-height: .92; }.tato-event-pro-final > p:not(.tato-event-pro-eyebrow) { margin-bottom: 24px; color: #596259; }
@media (max-width: 850px) { .tato-event-pro-hero { grid-template-columns: 1fr; gap: 35px; }.tato-event-pro-hero-art { width: 300px; min-height: 300px; margin-left: auto; }.tato-event-pro-section-heading { display: block; }.tato-event-pro-section-heading > p { margin-top: 22px; }.tato-event-pro-price { grid-template-columns: 120px 1fr; }.tato-event-pro-price .tato-event-pro-button { grid-column: 2; justify-self: start; }.tato-event-pro-for-who { grid-template-columns: 115px 1fr; }.tato-event-pro-for-who ul { grid-column: 2; } }
@media (max-width: 600px) { .tato-event-pro-hero, .tato-event-pro-comparison, .tato-event-pro-price, .tato-event-pro-for-who, .tato-event-pro-final { width: min(100% - 28px, 1180px); }.tato-event-pro-hero { min-height: auto; padding: 50px 0 65px; }.tato-event-pro-hero h1 { font-size: 3.8rem; }.tato-event-pro-hero-art { width: 235px; min-height: 235px; margin: 15px auto 0; }.tato-event-pro-hero-art strong { font-size: 1.8rem; }.tato-event-pro-comparison { padding: 60px 0; }.tato-event-pro-section-heading h2 { font-size: 2.55rem; }.tato-event-pro-table th, .tato-event-pro-table td { padding: 15px 14px; }.tato-event-pro-price { grid-template-columns: 1fr; gap: 23px; margin-bottom: 60px; padding: 32px 24px; }.tato-event-pro-price-mark { margin: 0 auto; }.tato-event-pro-price .tato-event-pro-button { grid-column: auto; justify-self: stretch; }.tato-event-pro-for-who { grid-template-columns: 1fr; gap: 24px; padding-bottom: 60px; }.tato-event-pro-for-who-mark { margin: 0 auto; }.tato-event-pro-for-who ul { grid-column: auto; grid-template-columns: 1fr; }.tato-event-pro-final { margin-bottom: 28px; padding: 52px 24px; }.tato-event-pro-final .tato-event-pro-button { width: 100%; } }

/* Public Professional Profile page */
.tato-participant-pro-page { overflow: hidden; color: #171717; background: #f4f5ef; }
.tato-participant-pro-hero, .tato-participant-pro-comparison, .tato-participant-pro-growth, .tato-participant-pro-features, .tato-participant-pro-price, .tato-participant-pro-for-who, .tato-participant-pro-final { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.tato-participant-pro-hero { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 70px; align-items: center; min-height: 620px; padding: 78px 0 92px; }
.tato-participant-pro-eyebrow { margin: 0 0 15px; color: #6a7658; font-size: .72rem; font-weight: 900; letter-spacing: .13em; }
.tato-participant-pro-hero h1 { margin: 0 0 22px; font-size: clamp(3.2rem, 6.5vw, 6.3rem); font-weight: 900; letter-spacing: -.04em; line-height: .88; }.tato-participant-pro-hero h1 em, .tato-participant-pro-section-heading h2 em { color: #6c52ba; font-style: normal; }
.tato-participant-pro-lead { max-width: 670px; margin: 0 0 28px; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.38; }
.tato-participant-pro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }.tato-participant-pro-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 18px; border: 1px solid #171717; border-radius: 8px; font-size: .82rem; font-weight: 850; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.tato-participant-pro-button:hover, .tato-participant-pro-button:focus-visible { color: #171717; transform: translateY(-3px); box-shadow: 5px 5px 0 #171717; }.tato-participant-pro-button-dark { color: #fff; background: #171717; }.tato-participant-pro-button-dark:hover, .tato-participant-pro-button-dark:focus-visible { color: #fff; }.tato-participant-pro-button-light { color: #171717; background: #c7ed64; }.tato-participant-pro-text-link { display: inline-flex; align-items: center; gap: 9px; color: #171717; font-size: .82rem; font-weight: 850; text-decoration: none; }.tato-participant-pro-text-link:hover, .tato-participant-pro-text-link:focus-visible { color: #6c52ba; }.tato-participant-pro-flow-note { display: block; margin-top: 18px; color: #687064; font-size: .78rem; }
.tato-participant-pro-hero-art { position: relative; display: grid; min-height: 335px; place-content: center; padding: 30px; border: 1px solid #171717; border-radius: 28px; background: #c6b7ff; box-shadow: 11px 11px 0 #171717; text-align: center; transform: rotate(4deg); }.tato-participant-pro-avatar { display: grid; width: 90px; height: 90px; margin: 0 auto 22px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #c7ed64; font-size: 3rem; }.tato-participant-pro-art-label { position: absolute; top: 24px; right: 24px; padding: 8px 10px; border: 1px solid #171717; border-radius: 6px; background: #ffd55d; font-size: .72rem; font-weight: 900; }.tato-participant-pro-hero-art strong { font-size: 2.25rem; line-height: .95; }.tato-participant-pro-hero-art small { margin-top: 18px; color: #596259; font-size: .72rem; }
.tato-participant-pro-comparison { padding: 85px 0; border-top: 1px solid #dfe3d8; }.tato-participant-pro-section-heading { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 38px; }.tato-participant-pro-section-heading h2 { margin: 0; font-size: clamp(2.2rem, 4.5vw, 4.2rem); font-weight: 900; letter-spacing: -.03em; line-height: .95; }.tato-participant-pro-section-heading > p { max-width: 430px; margin: 0; color: #687064; line-height: 1.55; }.tato-participant-pro-table-wrap { overflow-x: auto; border: 1px solid #171717; border-radius: 12px; background: #fff; }.tato-participant-pro-table { width: 100%; min-width: 650px; border-collapse: collapse; }.tato-participant-pro-table th, .tato-participant-pro-table td { padding: 19px 22px; border-bottom: 1px solid #dfe3d8; text-align: left; }.tato-participant-pro-table thead th { color: #687064; background: #fff; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }.tato-participant-pro-table thead th:not(:first-child), .tato-participant-pro-table td { width: 175px; text-align: center; }.tato-participant-pro-table tbody th { font-size: .86rem; font-weight: 800; }.tato-participant-pro-table tbody tr:last-child th, .tato-participant-pro-table tbody tr:last-child td { border-bottom: 0; }.tato-participant-pro-table-pro { background: #c7ed64; }.tato-participant-pro-table thead .tato-participant-pro-table-pro { color: #171717; background: #c7ed64; }.tato-participant-pro-table-pro span { display: block; margin-top: 4px; color: #59653d; font-size: .62rem; letter-spacing: .04em; }.tato-participant-pro-table i { color: #171717; font-size: 1.2rem; font-weight: 900; }.tato-participant-pro-table td > span { color: #a3aaa0; }.tato-participant-pro-limited { color: #687064 !important; font-size: .7rem; font-weight: 800; }
.tato-participant-pro-growth { padding: 82px 0; border-top: 1px solid #dfe3d8; }.tato-participant-pro-growth-heading { max-width: 760px; margin-bottom: 42px; }.tato-participant-pro-growth-heading h2 { margin: 0 0 15px; font-size: clamp(2.2rem, 4.5vw, 4rem); font-weight: 900; line-height: .95; }.tato-participant-pro-growth-heading p:last-child { max-width: 650px; margin: 0; color: #687064; line-height: 1.55; }.tato-participant-pro-growth-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; }.tato-participant-pro-growth-flow > div { min-height: 145px; padding: 16px; border: 1px solid #171717; border-radius: 10px; background: #fff; }.tato-participant-pro-growth-flow > div:nth-of-type(2) { background: #ffd55d; }.tato-participant-pro-growth-flow > div:nth-of-type(3) { background: #c7ed64; }.tato-participant-pro-growth-flow > div:nth-of-type(4) { background: #f7b8c8; }.tato-participant-pro-growth-flow > div:nth-of-type(5) { background: #c6b7ff; }.tato-participant-pro-growth-flow span, .tato-participant-pro-growth-flow i, .tato-participant-pro-growth-flow strong { display: block; }.tato-participant-pro-growth-flow span { color: #7b8572; font-size: .68rem; font-weight: 850; }.tato-participant-pro-growth-flow i { margin: 22px 0 12px; font-size: 1.4rem; font-style: normal; }.tato-participant-pro-growth-flow strong { font-size: .78rem; line-height: 1.2; }.tato-participant-pro-growth-flow > b { color: #7b8572; }
.tato-participant-pro-features { padding: 82px 0; }.tato-participant-pro-feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.tato-participant-pro-feature-card { min-height: 230px; padding: 20px; border: 1px solid #171717; border-radius: 10px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.tato-participant-pro-feature-card:hover { transform: translateY(-5px); box-shadow: 5px 5px 0 #171717; }.tato-participant-pro-feature-card > span { display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #c7ed64; font-size: 1.2rem; }.tato-participant-pro-feature-card:nth-child(2) > span { background: #ffd55d; }.tato-participant-pro-feature-card:nth-child(3) > span { background: #c6b7ff; }.tato-participant-pro-feature-card:nth-child(4) > span { background: #f7b8c8; }.tato-participant-pro-feature-card h3 { margin: 35px 0 9px; font-size: 1.05rem; font-weight: 900; }.tato-participant-pro-feature-card p { margin: 0; color: #687064; font-size: .8rem; line-height: 1.5; }
.tato-participant-pro-price { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 34px; align-items: center; margin-bottom: 82px; padding: 42px; border-radius: 15px; color: #fff; background: #171717; }.tato-participant-pro-price-mark { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 135px; height: 135px; border: 1px solid #fff; border-radius: 50%; color: #171717; background: #ffd55d; transform: rotate(-5deg); }.tato-participant-pro-price-mark span { font-size: 2.3rem; font-weight: 900; line-height: 1; }.tato-participant-pro-price-mark small { margin-top: 6px; font-weight: 800; }.tato-participant-pro-price .tato-participant-pro-eyebrow, .tato-participant-pro-final .tato-participant-pro-eyebrow { color: #c7ed64; }.tato-participant-pro-price h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 3vw, 2.7rem); font-weight: 900; }.tato-participant-pro-price p:last-child, .tato-participant-pro-final > p:not(.tato-participant-pro-eyebrow) { max-width: 620px; margin: 0; color: #c8cdc5; line-height: 1.5; }
.tato-participant-pro-for-who { display: grid; grid-template-columns: 135px minmax(0, .85fr) 1.15fr; gap: 38px; align-items: center; padding: 30px 0 82px; }.tato-participant-pro-for-who-mark { display: grid; width: 115px; height: 115px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #f7b8c8; font-size: 2.2rem; }.tato-participant-pro-for-who h2 { margin: 0; font-size: clamp(2rem, 3.5vw, 3.2rem); font-weight: 900; line-height: .98; }.tato-participant-pro-for-who ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }.tato-participant-pro-for-who li { padding: 14px; border: 1px solid #171717; border-radius: 8px; background: #fff; font-size: .78rem; font-weight: 800; }.tato-participant-pro-for-who li:nth-child(2) { background: #ffd55d; }.tato-participant-pro-for-who li:nth-child(3) { background: #c7ed64; }.tato-participant-pro-for-who li:nth-child(4) { background: #c6b7ff; }.tato-participant-pro-for-who li:nth-child(5) { background: #fff; }
.tato-participant-pro-final { margin-bottom: 55px; padding: 72px 45px; border-radius: 15px; background: #c7ed64; }.tato-participant-pro-final .tato-participant-pro-eyebrow { color: #59653d; }.tato-participant-pro-final h2 { width: 100%; max-width: none; margin: 0 0 14px; font-size: clamp(2.4rem, 5vw, 4.8rem); font-weight: 900; letter-spacing: -.04em; line-height: .92; }.tato-participant-pro-final > p:not(.tato-participant-pro-eyebrow) { margin-bottom: 24px; color: #596259; }
@media (max-width: 1000px) { .tato-participant-pro-growth-flow { grid-template-columns: repeat(3, 1fr); }.tato-participant-pro-growth-flow > b { display: none; }.tato-participant-pro-feature-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 850px) { .tato-participant-pro-hero { grid-template-columns: 1fr; gap: 35px; }.tato-participant-pro-hero-art { width: 310px; min-height: 310px; margin-left: auto; }.tato-participant-pro-section-heading { display: block; }.tato-participant-pro-section-heading > p { margin-top: 22px; }.tato-participant-pro-price { grid-template-columns: 120px 1fr; }.tato-participant-pro-price .tato-participant-pro-button { grid-column: 2; justify-self: start; }.tato-participant-pro-for-who { grid-template-columns: 115px 1fr; }.tato-participant-pro-for-who ul { grid-column: 2; } }
@media (max-width: 600px) { .tato-participant-pro-hero, .tato-participant-pro-comparison, .tato-participant-pro-growth, .tato-participant-pro-features, .tato-participant-pro-price, .tato-participant-pro-for-who, .tato-participant-pro-final { width: min(100% - 28px, 1180px); }.tato-participant-pro-hero { min-height: auto; padding: 50px 0 65px; }.tato-participant-pro-hero h1 { font-size: 3.7rem; }.tato-participant-pro-hero-art { width: 235px; min-height: 235px; margin: 15px auto 0; }.tato-participant-pro-hero-art strong { font-size: 1.8rem; }.tato-participant-pro-comparison { padding: 60px 0; }.tato-participant-pro-section-heading h2 { font-size: 2.55rem; }.tato-participant-pro-table th, .tato-participant-pro-table td { padding: 15px 14px; }.tato-participant-pro-growth { padding: 60px 0; }.tato-participant-pro-growth-flow { grid-template-columns: repeat(2, 1fr); }.tato-participant-pro-features { padding: 60px 0; }.tato-participant-pro-feature-grid { grid-template-columns: 1fr; }.tato-participant-pro-price { grid-template-columns: 1fr; gap: 23px; margin-bottom: 60px; padding: 32px 24px; }.tato-participant-pro-price-mark { margin: 0 auto; }.tato-participant-pro-price .tato-participant-pro-button { grid-column: auto; justify-self: stretch; }.tato-participant-pro-for-who { grid-template-columns: 1fr; gap: 24px; padding-bottom: 60px; }.tato-participant-pro-for-who-mark { margin: 0 auto; }.tato-participant-pro-for-who ul { grid-column: auto; grid-template-columns: 1fr; }.tato-participant-pro-final { margin-bottom: 28px; padding: 52px 24px; }.tato-participant-pro-final .tato-participant-pro-button { width: 100%; } }

/* Public Organizer page */
.tato-organizer-page { overflow: hidden; color: #171717; background: #f4f5ef; }
.tato-organizer-hero, .tato-organizer-limit, .tato-organizer-status, .tato-organizer-value, .tato-organizer-comparison, .tato-organizer-price, .tato-organizer-for-who, .tato-organizer-final { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.tato-organizer-hero { display: grid; grid-template-columns: minmax(0, 1fr) 365px; gap: 70px; align-items: center; min-height: 650px; padding: 78px 0 95px; }.tato-organizer-eyebrow { margin: 0 0 15px; color: #6a7658; font-size: .72rem; font-weight: 900; letter-spacing: .13em; }.tato-organizer-hero h1 { max-width: 780px; margin: 0 0 20px; font-size: clamp(3.1rem, 6.2vw, 6.1rem); font-weight: 900; letter-spacing: -.045em; line-height: .88; }.tato-organizer-hero h1 em, .tato-organizer-section-heading h2 em, .tato-organizer-value h2 em { color: #6c52ba; font-style: normal; }.tato-organizer-lead { max-width: 680px; margin: 0 0 20px; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.4; }.tato-organizer-hero-accent { display: block; margin-bottom: 28px; color: #6c52ba; font-size: clamp(2rem, 3.5vw, 3.3rem); letter-spacing: -.04em; line-height: .92; }.tato-organizer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }.tato-organizer-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 18px; border: 1px solid #171717; border-radius: 8px; font-size: .82rem; font-weight: 850; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.tato-organizer-button:hover, .tato-organizer-button:focus-visible { color: #171717; transform: translateY(-3px); box-shadow: 5px 5px 0 #171717; }.tato-organizer-button-dark { color: #fff; background: #171717; }.tato-organizer-button-dark:hover, .tato-organizer-button-dark:focus-visible { color: #fff; }.tato-organizer-button-light { color: #171717; background: #c7ed64; }.tato-organizer-text-link { display: inline-flex; align-items: center; gap: 9px; color: #171717; font-size: .82rem; font-weight: 850; text-decoration: none; }.tato-organizer-text-link:hover, .tato-organizer-text-link:focus-visible { color: #6c52ba; }.tato-organizer-flow-note { display: block; margin-top: 18px; color: #687064; font-size: .78rem; }.tato-organizer-unavailable { display: inline-flex; align-items: center; gap: 9px; width: fit-content; padding: 12px 14px; border: 1px solid #a6ada0; border-radius: 8px; color: #687064; background: #e7e9e1; font-size: .8rem; font-weight: 800; }.tato-organizer-hero-art { position: relative; display: grid; min-height: 350px; place-content: center; padding: 30px; border: 1px solid #171717; border-radius: 28px; background: #ffd55d; box-shadow: 11px 11px 0 #171717; text-align: center; transform: rotate(-4deg); }.tato-organizer-art-label { position: absolute; top: 24px; right: 24px; padding: 8px 10px; border: 1px solid #171717; border-radius: 6px; background: #f7b8c8; font-size: .68rem; font-weight: 900; }.tato-organizer-art-number { color: #6c52ba; font-size: 7rem; font-weight: 900; line-height: .75; }.tato-organizer-hero-art strong { margin-top: 22px; font-size: 1.35rem; line-height: 1; }.tato-organizer-hero-art small { margin-top: 15px; color: #596259; font-size: .72rem; }
.tato-organizer-limit, .tato-organizer-comparison { padding: 85px 0; border-top: 1px solid #dfe3d8; }.tato-organizer-section-heading { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 38px; }.tato-organizer-section-heading h2 { margin: 0; font-size: clamp(2.2rem, 4.5vw, 4.2rem); font-weight: 900; letter-spacing: -.035em; line-height: .95; }.tato-organizer-section-heading > p { max-width: 430px; margin: 0; color: #687064; line-height: 1.55; }.tato-organizer-limit-flow { display: grid; grid-template-columns: minmax(0, 1fr) 75px minmax(0, 1fr); align-items: center; gap: 18px; }.tato-organizer-limit-card { min-height: 275px; padding: 28px; border: 1px solid #171717; border-radius: 12px; background: #fff; }.tato-organizer-limit-card span { color: #687064; font-size: .68rem; font-weight: 900; letter-spacing: .1em; }.tato-organizer-limit-card i { display: block; margin: 38px 0 14px; font-size: 2rem; }.tato-organizer-limit-card h3 { margin: 0 0 10px; font-size: 1.25rem; font-weight: 900; }.tato-organizer-limit-card strong { display: block; font-size: 1.2rem; }.tato-organizer-limit-card p { max-width: 380px; margin: 13px 0 0; color: #687064; font-size: .82rem; line-height: 1.5; }.tato-organizer-limit-basic { background: #fff; }.tato-organizer-limit-pro { background: #c7ed64; }.tato-organizer-limit-pro i { color: #6c52ba; }.tato-organizer-limit-arrow { display: grid; place-items: center; color: #6c52ba; font-size: 2rem; }.tato-organizer-status { display: flex; align-items: center; gap: 18px; margin-top: -35px; margin-bottom: 82px; padding: 18px 22px; border: 1px solid #b5bfaa; border-radius: 10px; background: #e8f3cc; }.tato-organizer-status-icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #c7ed64; }.tato-organizer-status .tato-organizer-eyebrow { margin-bottom: 5px; }.tato-organizer-status strong { font-size: .95rem; }
.tato-organizer-value { display: grid; grid-template-columns: 120px minmax(0, 1fr) 180px; gap: 35px; align-items: center; padding: 20px 0 85px; }.tato-organizer-value-mark, .tato-organizer-for-who-mark { display: grid; width: 105px; height: 105px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #c6b7ff; font-size: 2.3rem; }.tato-organizer-value h2 { margin: 0 0 15px; font-size: clamp(2rem, 4vw, 3.8rem); font-weight: 900; letter-spacing: -.035em; line-height: .95; }.tato-organizer-value p:last-child { max-width: 650px; margin: 0; color: #687064; line-height: 1.55; }.tato-organizer-value-card { display: grid; min-height: 155px; place-content: center; padding: 15px; border: 1px solid #171717; border-radius: 10px; background: #f7b8c8; text-align: center; transform: rotate(3deg); }.tato-organizer-value-card strong { font-size: 4.5rem; line-height: .8; }.tato-organizer-value-card span, .tato-organizer-value-card small { display: block; font-weight: 850; }.tato-organizer-value-card span { margin-top: 14px; font-size: .82rem; }.tato-organizer-value-card small { margin-top: 5px; color: #687064; font-size: .68rem; }
.tato-organizer-table-wrap { overflow-x: auto; border: 1px solid #171717; border-radius: 12px; background: #fff; }.tato-organizer-table { width: 100%; min-width: 680px; border-collapse: collapse; }.tato-organizer-table th, .tato-organizer-table td { padding: 19px 22px; border-bottom: 1px solid #dfe3d8; text-align: left; }.tato-organizer-table thead th { color: #687064; background: #fff; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }.tato-organizer-table thead th:not(:first-child), .tato-organizer-table td { width: 205px; text-align: center; }.tato-organizer-table tbody th { font-size: .86rem; font-weight: 800; }.tato-organizer-table tbody tr:last-child th, .tato-organizer-table tbody tr:last-child td { border-bottom: 0; }.tato-organizer-table-pro { background: #c7ed64; }.tato-organizer-table thead .tato-organizer-table-pro { color: #171717; background: #c7ed64; }.tato-organizer-table-pro span { display: block; margin-top: 4px; color: #59653d; font-size: .62rem; letter-spacing: .04em; }.tato-organizer-table i { color: #171717; font-size: 1.2rem; font-weight: 900; }.tato-organizer-table td > span { color: #a3aaa0; }
.tato-organizer-price { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 34px; align-items: center; margin-bottom: 82px; padding: 42px; border-radius: 15px; color: #fff; background: #171717; }.tato-organizer-price-mark { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 135px; height: 135px; border: 1px solid #fff; border-radius: 50%; color: #171717; background: #ffd55d; transform: rotate(-5deg); }.tato-organizer-price-mark span { font-size: 2.3rem; font-weight: 900; line-height: 1; }.tato-organizer-price-mark small { margin-top: 6px; font-weight: 800; }.tato-organizer-price .tato-organizer-eyebrow, .tato-organizer-final .tato-organizer-eyebrow { color: #c7ed64; }.tato-organizer-price h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 3vw, 2.7rem); font-weight: 900; }.tato-organizer-price p:last-child, .tato-organizer-final > p:not(.tato-organizer-eyebrow) { max-width: 620px; margin: 0; color: #c8cdc5; line-height: 1.5; }.tato-organizer-price-disabled { display: grid; width: 135px; height: 135px; place-items: center; border: 1px solid #879080; border-radius: 50%; color: #c7ed64; font-size: 2rem; }.tato-organizer-for-who { display: grid; grid-template-columns: 120px minmax(0, .85fr) 1.15fr; gap: 35px; align-items: center; padding: 25px 0 82px; }.tato-organizer-for-who-mark { background: #f7b8c8; }.tato-organizer-for-who h2 { margin: 0; font-size: clamp(2rem, 3.5vw, 3.2rem); font-weight: 900; line-height: .98; }.tato-organizer-for-who ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }.tato-organizer-for-who li { padding: 14px; border: 1px solid #171717; border-radius: 8px; background: #fff; font-size: .78rem; font-weight: 800; }.tato-organizer-for-who li:nth-child(2) { background: #ffd55d; }.tato-organizer-for-who li:nth-child(3) { background: #c7ed64; }.tato-organizer-for-who li:nth-child(4) { background: #c6b7ff; }.tato-organizer-for-who li:nth-child(5) { background: #f7b8c8; }
.tato-organizer-final { margin-bottom: 55px; padding: 72px 45px; border-radius: 15px; background: #c7ed64; }.tato-organizer-final .tato-organizer-eyebrow { color: #59653d; }.tato-organizer-final h2 { width: 100%; max-width: none; margin: 0 0 14px; font-size: clamp(2.4rem, 5vw, 4.8rem); font-weight: 900; letter-spacing: -.04em; line-height: .92; }.tato-organizer-final > p:not(.tato-organizer-eyebrow) { margin-bottom: 24px; color: #596259; }.tato-organizer-unavailable-final { color: #596259; background: rgba(255,255,255,.35); }
@media (max-width: 1000px) { .tato-organizer-hero { grid-template-columns: minmax(0, 1fr) 300px; gap: 42px; }.tato-organizer-value { grid-template-columns: 95px minmax(0, 1fr) 150px; gap: 24px; } }
@media (max-width: 850px) { .tato-organizer-hero { grid-template-columns: 1fr; gap: 35px; }.tato-organizer-hero-art { width: 310px; min-height: 310px; margin-left: auto; }.tato-organizer-section-heading { display: block; }.tato-organizer-section-heading > p { margin-top: 22px; }.tato-organizer-value { grid-template-columns: 105px 1fr; }.tato-organizer-value-card { grid-column: 2; max-width: 180px; }.tato-organizer-price { grid-template-columns: 120px 1fr; }.tato-organizer-price .tato-organizer-button { grid-column: 2; justify-self: start; }.tato-organizer-for-who { grid-template-columns: 115px 1fr; }.tato-organizer-for-who ul { grid-column: 2; } }
@media (max-width: 600px) { .tato-organizer-hero, .tato-organizer-limit, .tato-organizer-status, .tato-organizer-value, .tato-organizer-comparison, .tato-organizer-price, .tato-organizer-for-who, .tato-organizer-final { width: min(100% - 28px, 1180px); }.tato-organizer-hero { min-height: auto; padding: 50px 0 65px; }.tato-organizer-hero h1 { font-size: 3.65rem; }.tato-organizer-hero-art { width: 235px; min-height: 235px; margin: 15px auto 0; }.tato-organizer-art-number { font-size: 5rem; }.tato-organizer-limit, .tato-organizer-comparison { padding: 60px 0; }.tato-organizer-section-heading h2 { font-size: 2.55rem; }.tato-organizer-limit-flow { grid-template-columns: 1fr; }.tato-organizer-limit-arrow { transform: rotate(90deg); }.tato-organizer-limit-card { min-height: 240px; }.tato-organizer-status { margin-top: -20px; margin-bottom: 60px; }.tato-organizer-value { grid-template-columns: 1fr; padding-bottom: 60px; }.tato-organizer-value-mark { margin: 0 auto; }.tato-organizer-value-card { grid-column: auto; margin: 0 auto; }.tato-organizer-price { grid-template-columns: 1fr; gap: 23px; margin-bottom: 60px; padding: 32px 24px; }.tato-organizer-price-mark, .tato-organizer-price-disabled { margin: 0 auto; }.tato-organizer-price .tato-organizer-button { grid-column: auto; justify-self: stretch; }.tato-organizer-for-who { grid-template-columns: 1fr; gap: 24px; padding-bottom: 60px; }.tato-organizer-for-who-mark { margin: 0 auto; }.tato-organizer-for-who ul { grid-column: auto; grid-template-columns: 1fr; }.tato-organizer-final { margin-bottom: 28px; padding: 52px 24px; }.tato-organizer-final .tato-organizer-button { width: 100%; } }

/* Public Mentor page */
.tato-mentor-page { overflow: hidden; color: #171717; background: #f4f5ef; }.tato-mentor-hero, .tato-mentor-limit, .tato-mentor-status, .tato-mentor-value, .tato-mentor-network, .tato-mentor-comparison, .tato-mentor-for-who, .tato-mentor-price, .tato-mentor-final { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }.tato-mentor-hero { display: grid; grid-template-columns: minmax(0, 1fr) 365px; gap: 70px; align-items: center; min-height: 650px; padding: 78px 0 95px; }.tato-mentor-eyebrow { margin: 0 0 15px; color: #6a7658; font-size: .72rem; font-weight: 900; letter-spacing: .13em; }.tato-mentor-hero h1 { max-width: 800px; margin: 0 0 20px; font-size: clamp(3.1rem, 6.2vw, 6.1rem); font-weight: 900; letter-spacing: -.045em; line-height: .88; }.tato-mentor-hero h1 em, .tato-mentor-section-heading h2 em, .tato-mentor-value h2 em { color: #6c52ba; font-style: normal; }.tato-mentor-lead { max-width: 700px; margin: 0 0 20px; font-size: clamp(1.12rem, 2vw, 1.5rem); line-height: 1.4; }.tato-mentor-hero-accent { display: block; margin-bottom: 28px; color: #6c52ba; font-size: clamp(2rem, 3.5vw, 3.25rem); letter-spacing: -.04em; line-height: .92; }.tato-mentor-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }.tato-mentor-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 18px; border: 1px solid #171717; border-radius: 8px; font-size: .82rem; font-weight: 850; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }.tato-mentor-button:hover, .tato-mentor-button:focus-visible { color: #171717; transform: translateY(-3px); box-shadow: 5px 5px 0 #171717; }.tato-mentor-button-dark { color: #fff; background: #171717; }.tato-mentor-button-dark:hover, .tato-mentor-button-dark:focus-visible { color: #fff; }.tato-mentor-button-light { color: #171717; background: #c7ed64; }.tato-mentor-text-link { display: inline-flex; align-items: center; gap: 9px; color: #171717; font-size: .82rem; font-weight: 850; text-decoration: none; }.tato-mentor-text-link:hover, .tato-mentor-text-link:focus-visible { color: #6c52ba; }.tato-mentor-flow-note { display: block; margin-top: 18px; color: #687064; font-size: .78rem; }.tato-mentor-unavailable { display: inline-flex; align-items: center; gap: 9px; width: fit-content; padding: 12px 14px; border: 1px solid #a6ada0; border-radius: 8px; color: #687064; background: #e7e9e1; font-size: .8rem; font-weight: 800; }.tato-mentor-hero-art { position: relative; display: grid; min-height: 350px; place-content: center; padding: 30px; border: 1px solid #171717; border-radius: 28px; background: #c6b7ff; box-shadow: 11px 11px 0 #171717; text-align: center; transform: rotate(4deg); }.tato-mentor-art-label { position: absolute; top: 24px; right: 24px; padding: 8px 10px; border: 1px solid #171717; border-radius: 6px; background: #c7ed64; font-size: .68rem; font-weight: 900; }.tato-mentor-art-network { position: relative; display: grid; width: 190px; height: 125px; margin: 0 auto 25px; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; align-items: center; color: #6c52ba; font-size: 1.8rem; }.tato-mentor-art-network:before { position: absolute; top: 50%; left: 20%; width: 60%; height: 1px; background: #171717; content: ''; }.tato-mentor-art-network > i { z-index: 1; color: #171717; font-size: 1.35rem; }.tato-mentor-art-center { z-index: 2; display: grid; width: 58px; height: 58px; grid-column: 2 / 4; grid-row: 1; place-items: center; margin: auto; border: 1px solid #171717; border-radius: 50%; background: #ffd55d; font-size: 1.6rem; }.tato-mentor-art-network > i:nth-of-type(1) { grid-column: 1; grid-row: 2; }.tato-mentor-art-network > i:nth-of-type(2) { grid-column: 2; grid-row: 2; }.tato-mentor-art-network > i:nth-of-type(3) { grid-column: 3; grid-row: 2; }.tato-mentor-art-network > i:nth-of-type(4) { grid-column: 4; grid-row: 2; }.tato-mentor-hero-art strong { font-size: 1.35rem; line-height: 1; }.tato-mentor-hero-art small { margin-top: 15px; color: #596259; font-size: .72rem; }
.tato-mentor-limit, .tato-mentor-network, .tato-mentor-comparison { padding: 85px 0; border-top: 1px solid #dfe3d8; }.tato-mentor-section-heading { display: flex; justify-content: space-between; gap: 50px; align-items: end; margin-bottom: 38px; }.tato-mentor-section-heading h2 { margin: 0; font-size: clamp(2.2rem, 4.5vw, 4.2rem); font-weight: 900; letter-spacing: -.035em; line-height: .95; }.tato-mentor-section-heading > p { max-width: 440px; margin: 0; color: #687064; line-height: 1.55; }.tato-mentor-limit-flow { display: grid; grid-template-columns: minmax(0, 1fr) 75px minmax(0, 1fr); align-items: center; gap: 18px; }.tato-mentor-limit-card { min-height: 275px; padding: 28px; border: 1px solid #171717; border-radius: 12px; background: #fff; }.tato-mentor-limit-card span { color: #687064; font-size: .68rem; font-weight: 900; letter-spacing: .1em; }.tato-mentor-limit-card i { display: block; margin: 38px 0 14px; font-size: 2rem; }.tato-mentor-limit-card h3 { margin: 0 0 10px; font-size: 1.25rem; font-weight: 900; }.tato-mentor-limit-card strong { display: block; font-size: 1.15rem; }.tato-mentor-limit-card p { max-width: 390px; margin: 13px 0 0; color: #687064; font-size: .82rem; line-height: 1.5; }.tato-mentor-limit-pro { background: #c7ed64; }.tato-mentor-limit-pro i { color: #6c52ba; }.tato-mentor-limit-arrow { display: grid; place-items: center; color: #6c52ba; font-size: 2rem; }.tato-mentor-status { display: flex; align-items: center; gap: 18px; margin-top: -35px; margin-bottom: 82px; padding: 18px 22px; border: 1px solid #b5bfaa; border-radius: 10px; background: #e8f3cc; }.tato-mentor-status-icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #c7ed64; }.tato-mentor-status .tato-mentor-eyebrow { margin-bottom: 5px; }.tato-mentor-status strong { font-size: .95rem; }
.tato-mentor-value { padding: 84px 0; }.tato-mentor-value-copy { max-width: 840px; padding: 45px; border-radius: 15px; background: #ffd55d; }.tato-mentor-value h2 { margin: 0 0 15px; font-size: clamp(2.2rem, 4.5vw, 4.4rem); font-weight: 900; letter-spacing: -.04em; line-height: .93; }.tato-mentor-value p { max-width: 690px; margin: 0 0 16px; font-size: 1.05rem; line-height: 1.5; }.tato-mentor-value small { display: block; max-width: 680px; color: #687064; font-size: .78rem; line-height: 1.5; }.tato-mentor-value-card { display: grid; width: 220px; min-height: 150px; margin: -35px 60px 0 auto; place-content: center; border: 1px solid #171717; border-radius: 10px; background: #f7b8c8; text-align: center; transform: rotate(3deg); }.tato-mentor-value-card i { margin-bottom: 10px; color: #6c52ba; font-size: 2rem; }.tato-mentor-value-card strong { font-size: 1.1rem; }.tato-mentor-value-card span { margin-top: 5px; color: #687064; font-size: .75rem; }.tato-mentor-network-diagram { display: grid; grid-template-columns: 180px 80px minmax(0, 1fr); align-items: center; gap: 18px; padding: 35px; border: 1px solid #171717; border-radius: 12px; background: #fff; }.tato-mentor-network-node { display: grid; min-height: 125px; place-content: center; gap: 9px; border: 1px solid #171717; border-radius: 10px; background: #c7ed64; text-align: center; }.tato-mentor-network-node i { font-size: 2rem; }.tato-mentor-network-node strong { font-size: .85rem; }.tato-mentor-network-line { height: 1px; background: #171717; }.tato-mentor-network-members { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }.tato-mentor-network-members div { display: grid; min-height: 100px; place-content: center; gap: 10px; border: 1px solid #171717; border-radius: 9px; background: #c6b7ff; text-align: center; }.tato-mentor-network-members div:nth-child(2) { background: #f7b8c8; }.tato-mentor-network-members div:nth-child(3) { background: #ffd55d; }.tato-mentor-network-members div:nth-child(4) { background: #c7ed64; }.tato-mentor-network-members i { font-size: 1.4rem; }.tato-mentor-network-members span { font-size: .7rem; font-weight: 850; }
.tato-mentor-table-wrap { overflow-x: auto; border: 1px solid #171717; border-radius: 12px; background: #fff; }.tato-mentor-table { width: 100%; min-width: 680px; border-collapse: collapse; }.tato-mentor-table th, .tato-mentor-table td { padding: 19px 22px; border-bottom: 1px solid #dfe3d8; text-align: left; }.tato-mentor-table thead th { color: #687064; background: #fff; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }.tato-mentor-table thead th:not(:first-child), .tato-mentor-table td { width: 205px; text-align: center; }.tato-mentor-table tbody th { font-size: .86rem; font-weight: 800; }.tato-mentor-table tbody tr:last-child th, .tato-mentor-table tbody tr:last-child td { border-bottom: 0; }.tato-mentor-table-pro { background: #c7ed64; }.tato-mentor-table thead .tato-mentor-table-pro { color: #171717; background: #c7ed64; }.tato-mentor-table-pro span { display: block; margin-top: 4px; color: #59653d; font-size: .62rem; letter-spacing: .04em; }.tato-mentor-table i { color: #171717; font-size: 1.2rem; font-weight: 900; }.tato-mentor-table td > span { color: #a3aaa0; }
.tato-mentor-for-who { display: grid; grid-template-columns: 115px minmax(0, .8fr) 1.2fr; gap: 35px; align-items: center; padding: 25px 0 82px; }.tato-mentor-for-who-mark { display: grid; width: 105px; height: 105px; place-items: center; border: 1px solid #171717; border-radius: 50%; background: #f7b8c8; font-size: 2.2rem; }.tato-mentor-for-who h2 { margin: 0; font-size: clamp(2rem, 3.5vw, 3.2rem); font-weight: 900; line-height: .98; }.tato-mentor-for-who ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }.tato-mentor-for-who li { min-height: 108px; padding: 15px; border: 1px solid #171717; border-radius: 8px; background: #fff; }.tato-mentor-for-who li:nth-child(2) { background: #ffd55d; }.tato-mentor-for-who li:nth-child(3) { background: #c7ed64; }.tato-mentor-for-who li:nth-child(4) { background: #c6b7ff; }.tato-mentor-for-who li strong, .tato-mentor-for-who li span { display: block; }.tato-mentor-for-who li strong { font-size: .82rem; }.tato-mentor-for-who li span { margin-top: 8px; color: #687064; font-size: .72rem; line-height: 1.4; }
.tato-mentor-price { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 34px; align-items: center; margin-bottom: 82px; padding: 42px; border-radius: 15px; color: #fff; background: #171717; }.tato-mentor-price-mark { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 135px; height: 135px; border: 1px solid #fff; border-radius: 50%; color: #171717; background: #ffd55d; transform: rotate(-5deg); }.tato-mentor-price-mark span { font-size: 2.3rem; font-weight: 900; line-height: 1; }.tato-mentor-price-mark small { margin-top: 6px; font-weight: 800; }.tato-mentor-price .tato-mentor-eyebrow, .tato-mentor-final .tato-mentor-eyebrow { color: #c7ed64; }.tato-mentor-price h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 3vw, 2.7rem); font-weight: 900; }.tato-mentor-price p:last-child, .tato-mentor-final > p:not(.tato-mentor-eyebrow) { max-width: 620px; margin: 0; color: #c8cdc5; line-height: 1.5; }.tato-mentor-price-disabled { display: grid; width: 135px; height: 135px; place-items: center; border: 1px solid #879080; border-radius: 50%; color: #c7ed64; font-size: 2rem; }.tato-mentor-final { margin-bottom: 55px; padding: 72px 45px; border-radius: 15px; background: #c7ed64; }.tato-mentor-final .tato-mentor-eyebrow { color: #59653d; }.tato-mentor-final h2 { width: 100%; max-width: none; margin: 0 0 14px; font-size: clamp(2.4rem, 5vw, 4.8rem); font-weight: 900; letter-spacing: -.04em; line-height: .92; }.tato-mentor-final > p:not(.tato-mentor-eyebrow) { margin-bottom: 24px; color: #596259; }.tato-mentor-unavailable-final { color: #596259; background: rgba(255,255,255,.35); }
@media (max-width: 1000px) { .tato-mentor-hero { grid-template-columns: minmax(0, 1fr) 300px; gap: 42px; }.tato-mentor-network-diagram { grid-template-columns: 150px 40px minmax(0, 1fr); padding: 22px; }.tato-mentor-network-members { gap: 6px; } }
@media (max-width: 850px) { .tato-mentor-hero { grid-template-columns: 1fr; gap: 35px; }.tato-mentor-hero-art { width: 310px; min-height: 310px; margin-left: auto; }.tato-mentor-section-heading { display: block; }.tato-mentor-section-heading > p { margin-top: 22px; }.tato-mentor-value-copy { padding: 32px; }.tato-mentor-value-card { margin-right: 20px; }.tato-mentor-network-diagram { grid-template-columns: 1fr; }.tato-mentor-network-line { width: 1px; height: 35px; margin: auto; }.tato-mentor-network-members { grid-template-columns: repeat(3, 1fr); }.tato-mentor-price { grid-template-columns: 120px 1fr; }.tato-mentor-price .tato-mentor-button { grid-column: 2; justify-self: start; }.tato-mentor-for-who { grid-template-columns: 105px 1fr; }.tato-mentor-for-who ul { grid-column: 2; } }
@media (max-width: 600px) { .tato-mentor-hero, .tato-mentor-limit, .tato-mentor-status, .tato-mentor-value, .tato-mentor-network, .tato-mentor-comparison, .tato-mentor-for-who, .tato-mentor-price, .tato-mentor-final { width: min(100% - 28px, 1180px); }.tato-mentor-hero { min-height: auto; padding: 50px 0 65px; }.tato-mentor-hero h1 { font-size: 3.65rem; }.tato-mentor-hero-art { width: 235px; min-height: 235px; margin: 15px auto 0; }.tato-mentor-art-network { transform: scale(.82); }.tato-mentor-limit, .tato-mentor-network, .tato-mentor-comparison { padding: 60px 0; }.tato-mentor-section-heading h2 { font-size: 2.55rem; }.tato-mentor-limit-flow { grid-template-columns: 1fr; }.tato-mentor-limit-arrow { transform: rotate(90deg); }.tato-mentor-limit-card { min-height: 240px; }.tato-mentor-status { margin-top: -20px; margin-bottom: 60px; }.tato-mentor-value { padding: 60px 0; }.tato-mentor-value-copy { padding: 28px 24px; }.tato-mentor-value-card { width: 190px; margin: -15px auto 0; }.tato-mentor-network-members { grid-template-columns: repeat(2, 1fr); }.tato-mentor-for-who { grid-template-columns: 1fr; gap: 24px; padding-bottom: 60px; }.tato-mentor-for-who-mark { margin: 0 auto; }.tato-mentor-for-who ul { grid-column: auto; grid-template-columns: 1fr; }.tato-mentor-price { grid-template-columns: 1fr; gap: 23px; margin-bottom: 60px; padding: 32px 24px; }.tato-mentor-price-mark, .tato-mentor-price-disabled { margin: 0 auto; }.tato-mentor-price .tato-mentor-button { grid-column: auto; justify-self: stretch; }.tato-mentor-final { margin-bottom: 28px; padding: 52px 24px; }.tato-mentor-final .tato-mentor-button { width: 100%; } }