@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/Account/Pages/CompleteProfile.razor.rz.scp.css */
:root[b-tdur4h3fd6] {
    --bg-page: #eeeeef;
    --card-right: #fbfbfc;
    --card-left: #16141f;
    --text-dark: #18181b;
    --text-muted: #8d8d98;
    --line: #d7d7df;
    --danger: #d9534f;
    --brand-1: #3f2f92;
    --brand-2: #4933aa;
    --brand-3: #8a74c9;
    --brand-4: #aaa0db;
    --shadow: 0 24px 60px rgba(36, 30, 70, 0.10);
}

.profile-complete-page[b-tdur4h3fd6] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 28%), radial-gradient(circle at bottom right, rgba(255,255,255,0.55), transparent 30%), var(--bg-page);
    padding: 32px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.profile-complete-card[b-tdur4h3fd6] {
    width: 100%;
    max-width: 1240px;
    min-height: 760px;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    background: var(--card-right);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

/* LEFT */

.profile-complete-left[b-tdur4h3fd6] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position:relative;
}

.form-wrapper[b-tdur4h3fd6] {
    width: 100%;
    max-width: 560px;
}

.profile-form-wrapper[b-tdur4h3fd6] {
    max-width: 560px;
}

.brand[b-tdur4h3fd6] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.brand-dark[b-tdur4h3fd6] {
    color: var(--brand-2);
    margin-bottom: 20px;
}

.profile-complete-left h2[b-tdur4h3fd6] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
    text-align: left;
}

.title-line[b-tdur4h3fd6] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-tdur4h3fd6] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 14px 0 0 0;
    }

.form-subtitle[b-tdur4h3fd6] {
    margin: 16px 0 18px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-muted);
    max-width: 520px;
}

.profile-email-info[b-tdur4h3fd6] {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 28px;
    padding: 12px 16px;
    border-radius: 16px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
}

.profile-email-label[b-tdur4h3fd6] {
    font-size: 12px;
    font-weight: 600;
    color: #7a719f;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.profile-email-value[b-tdur4h3fd6] {
    font-size: 14px;
    font-weight: 700;
    color: var(--brand-2);
    word-break: break-word;
}

.profile-complete-form[b-tdur4h3fd6] {
    display: flex;
    flex-direction: column;
}

.profile-grid-two[b-tdur4h3fd6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.auth-form-group[b-tdur4h3fd6] {
    margin-bottom: 22px;
    text-align: left;
}

.auth-label[b-tdur4h3fd6] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #55556a;
}

 .auth-input[b-tdur4h3fd6] {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--line);
    background: transparent;
    padding: 12px 0;
    font-size: 15px;
    color: var(--text-dark);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    border-radius: 0;
}

    .auth-input[b-tdur4h3fd6]::placeholder {
        color: #a3a3af;
    }

    .auth-input:focus[b-tdur4h3fd6] {
        border-bottom-color: var(--brand-2);
        box-shadow: inset 0 -1px 0 var(--brand-2);
    }

.auth-validation[b-tdur4h3fd6] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--danger);
}

.profile-actions[b-tdur4h3fd6] {
    margin-top: 18px;
    display: flex;
    justify-content: flex-start;
}

.primary-btn[b-tdur4h3fd6] {
    height: 48px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
}

    .primary-btn:hover[b-tdur4h3fd6] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
    }

.wide-btn[b-tdur4h3fd6] {
    min-width: 220px;
    padding: 0 26px;
}

.join-left-topbar[b-tdur4h3fd6] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: end;
    align-items: end;
    gap: 16px;
    z-index: 5;
}

.form-wrapper[b-tdur4h3fd6] {
    width: 100%;
    max-width: 560px;
    margin-top: 54px;
}

@media (max-width: 980px) {
    .join-left-topbar[b-tdur4h3fd6] {
        position: static;
        margin-bottom: 22px;
        flex-direction: column;
        align-items: stretch;
    }


    .language-switcher[b-tdur4h3fd6] {
        width: fit-content;
        max-width: 100%;
    }

    .form-wrapper[b-tdur4h3fd6] {
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .join-left-topbar[b-tdur4h3fd6] {
        gap: 12px;
    }

    .language-switcher[b-tdur4h3fd6] {
        width: 100%;
        justify-content: space-between;
    }

    .language-btn[b-tdur4h3fd6] {
        flex: 1 1 0;
        min-width: 0;
    }
}


/* RIGHT */

.profile-complete-right[b-tdur4h3fd6] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    display: flex;
    align-items: center;
    padding: 58px;
    overflow: hidden;
}

.right-content[b-tdur4h3fd6] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.profile-complete-right h1[b-tdur4h3fd6] {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--white);
}

.profile-complete-right p[b-tdur4h3fd6] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.right-features[b-tdur4h3fd6] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-item[b-tdur4h3fd6] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,0.84);
    font-size: 14px;
}

.feature-dot[b-tdur4h3fd6] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-3), var(--brand-4));
    box-shadow: 0 0 0 5px rgba(138, 116, 201, 0.14);
    flex-shrink: 0;
}

/* DECOR */

.right-gradient[b-tdur4h3fd6] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.right-gradient-1[b-tdur4h3fd6] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-tdur4h3fd6 10s ease-in-out infinite;
}

.right-gradient-2[b-tdur4h3fd6] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-tdur4h3fd6 12s ease-in-out infinite;
}

.shape[b-tdur4h3fd6] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-tdur4h3fd6] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-tdur4h3fd6] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-tdur4h3fd6] {
    top: 22px;
    left: 20px;
    animation: float1-b-tdur4h3fd6 7s ease-in-out infinite;
}

.shape-2[b-tdur4h3fd6] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-tdur4h3fd6 8s ease-in-out infinite;
}

.shape-3[b-tdur4h3fd6] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-tdur4h3fd6 9s ease-in-out infinite;
}

.shape-4[b-tdur4h3fd6] {
    right: -42px;
    top: 48%;
    animation: float4-b-tdur4h3fd6 8.5s ease-in-out infinite;
}

.shape-5[b-tdur4h3fd6] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-tdur4h3fd6 10s ease-in-out infinite;
}

@keyframes float1-b-tdur4h3fd6 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-tdur4h3fd6 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-tdur4h3fd6 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-tdur4h3fd6 {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-tdur4h3fd6 {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-tdur4h3fd6 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-tdur4h3fd6 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

@media (max-width: 980px) {
    .profile-complete-card[b-tdur4h3fd6] {
        grid-template-columns: 1fr;
        max-width: 760px;
    }

    .profile-complete-left[b-tdur4h3fd6],
    .profile-complete-right[b-tdur4h3fd6] {
        padding: 40px 28px;
    }

        .profile-complete-left h2[b-tdur4h3fd6],
        .profile-complete-right h1[b-tdur4h3fd6] {
            font-size: 32px;
        }

    .form-wrapper[b-tdur4h3fd6],
    .profile-form-wrapper[b-tdur4h3fd6],
    .right-content[b-tdur4h3fd6] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .profile-grid-two[b-tdur4h3fd6] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 540px) {
    .profile-complete-page[b-tdur4h3fd6] {
        padding: 16px;
    }

    .profile-complete-card[b-tdur4h3fd6] {
        border-radius: 24px;
        min-height: auto;
    }

    .profile-complete-left[b-tdur4h3fd6],
    .profile-complete-right[b-tdur4h3fd6] {
        padding: 28px 20px;
    }

        .profile-complete-left h2[b-tdur4h3fd6],
        .profile-complete-right h1[b-tdur4h3fd6] {
            font-size: 28px;
        }

    .wide-btn[b-tdur4h3fd6] {
        width: 100%;
    }
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
.forgot-page[b-sf07i9vyg7] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.forgot-card[b-sf07i9vyg7] {
    width: 100%;
    max-width: 1080px;
    min-height: 620px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--card-right);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.forgot-left[b-sf07i9vyg7] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    display: flex;
    align-items: center;
    padding: 58px;
    overflow: hidden;
}

.forgot-right[b-sf07i9vyg7] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position: relative;
}

.forgot-right-topbar[b-sf07i9vyg7] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: end;
    align-items: flex-end;
    gap: 16px;
    z-index: 5;
}

.forgot-right h2[b-sf07i9vyg7] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
}

.forgot-error[b-sf07i9vyg7] {
    margin-top: 18px;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(230, 72, 72, 0.08);
    border: 1px solid rgba(230, 72, 72, 0.16);
    color: var(--danger);
    font-size: 13px;
    font-weight: 600;
}

.forgot-success[b-sf07i9vyg7] {
    text-align: center;
}

.forgot-success-icon[b-sf07i9vyg7] {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    color: var(--brand-2);
    font-size: 30px;
}

.forgot-success-text[b-sf07i9vyg7] {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.75;
    color: var(--text-muted);
}

.forgot-success-email[b-sf07i9vyg7] {
    margin: 12px auto 0;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: var(--brand-2);
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.forgot-success-hint[b-sf07i9vyg7] {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.7;
    color: #8a8a96;
}

.left-content[b-sf07i9vyg7] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.brand[b-sf07i9vyg7] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.forgot-left h1[b-sf07i9vyg7] {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
}

.forgot-left p[b-sf07i9vyg7] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.title-line[b-sf07i9vyg7] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-sf07i9vyg7] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 12px auto 0;
    }

.secondary-btn[b-sf07i9vyg7] {
    margin-top: 34px;
    padding: 14px 30px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: rgba(255, 255, 255, 0.03);
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    backdrop-filter: blur(4px);
}

    .secondary-btn:hover[b-sf07i9vyg7] {
        background: rgba(138, 116, 201, 0.12);
        border-color: rgba(170, 160, 219, 1);
        transform: translateY(-1px);
    }

.login-right[b-sf07i9vyg7] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position: relative;
}

.form-wrapper[b-sf07i9vyg7] {
    width: 100%;
    max-width: 360px;
    text-align: center;
}

.login-right h2[b-sf07i9vyg7] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
}

.input-group[b-sf07i9vyg7] {
    position: relative;
    margin-top: 30px;
}

    .input-group[b-sf07i9vyg7]  input {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--line);
        background: transparent;
        padding: 12px 34px 12px 0;
        font-size: 15px;
        color: var(--text-dark);
        outline: none;
        box-sizing: border-box;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

        .input-group[b-sf07i9vyg7]  input::placeholder {
            color: #a3a3af;
        }

        .input-group[b-sf07i9vyg7]  input:focus {
            border-bottom-color: var(--brand-2);
            box-shadow: inset 0 -1px 0 var(--brand-2);
        }

.input-icon[b-sf07i9vyg7] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    opacity: 0.55;
}

.auth-validation[b-sf07i9vyg7] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--danger);
}

.primary-btn[b-sf07i9vyg7] {
    margin-top: 38px;
    width: 190px;
    height: 48px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
}

    .primary-btn:hover[b-sf07i9vyg7] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
    }

.divider[b-sf07i9vyg7] {
    margin: 26px 0 18px;
    position: relative;
    text-align: center;
}

    .divider[b-sf07i9vyg7]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background: #e3e3ea;
        z-index: 0;
    }

    .divider span[b-sf07i9vyg7] {
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 0 14px;
        background: var(--card-right);
        color: #9b9ba6;
        font-size: 13px;
    }

.links[b-sf07i9vyg7] {
    margin-top: 16px;
}

    .links a[b-sf07i9vyg7] {
        font-size: 14px;
        color: #7b7b88;
        text-decoration: none;
        transition: 0.2s ease;
    }

        .links a:hover[b-sf07i9vyg7] {
            color: var(--brand-2);
        }

.register-block[b-sf07i9vyg7] {
    margin-top: 22px;
    font-size: 14px;
    color: var(--text-muted);
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.register-link[b-sf07i9vyg7] {
    color: var(--brand-2);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .register-link:hover[b-sf07i9vyg7] {
        color: var(--brand-1);
    }

@media (max-width: 980px) {
    .forgot-right-topbar[b-sf07i9vyg7] {
        position: static;
        margin-bottom: 22px;
        flex-direction: column;
        align-items: stretch;
    }

    .form-wrapper[b-sf07i9vyg7] {
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    .forgot-card[b-sf07i9vyg7] {
        grid-template-columns: 1fr;
        max-width: 620px;
    }

    .forgot-left[b-sf07i9vyg7],
    .forgot-right[b-sf07i9vyg7] {
        padding: 40px 28px;
    }

        .forgot-right h2[b-sf07i9vyg7],
        .forgot-left h1[b-sf07i9vyg7] {
            font-size: 32px;
        }

    .left-content[b-sf07i9vyg7] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .forgot-right-topbar[b-sf07i9vyg7] {
        gap: 12px;
    }
}

@media (max-width: 540px) {
    .forgot-page[b-sf07i9vyg7] {
        padding: 16px;
    }

    .forgot-card[b-sf07i9vyg7] {
        border-radius: 24px;
        min-height: auto;
    }

    .forgot-left[b-sf07i9vyg7],
    .forgot-right[b-sf07i9vyg7] {
        padding: 28px 20px;
    }

        .forgot-right h2[b-sf07i9vyg7],
        .forgot-left h1[b-sf07i9vyg7] {
            font-size: 28px;
        }

    .primary-btn[b-sf07i9vyg7] {
        width: 100%;
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */

.login-page[b-l5kousqdr2] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.login-card[b-l5kousqdr2] {
    width: 100%;
    max-width: 1080px;
    min-height: 620px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--card-right);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.login-left[b-l5kousqdr2] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    display: flex;
    align-items: center;
    padding: 58px;
    overflow: hidden;
}

.left-content[b-l5kousqdr2] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.brand[b-l5kousqdr2] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.login-left h1[b-l5kousqdr2] {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
}

.login-left p[b-l5kousqdr2] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.title-line[b-l5kousqdr2] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-l5kousqdr2] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 12px auto 0;
    }

.secondary-btn[b-l5kousqdr2] {
    margin-top: 34px;
    padding: 14px 30px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: rgba(255, 255, 255, 0.03);
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    backdrop-filter: blur(4px);
}

    .secondary-btn:hover[b-l5kousqdr2] {
        background: rgba(138, 116, 201, 0.12);
        border-color: rgba(170, 160, 219, 1);
        transform: translateY(-1px);
    }

.login-right[b-l5kousqdr2] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position: relative;
}

.form-wrapper[b-l5kousqdr2] {
    width: 100%;
    max-width: 360px;
    text-align: center;
}

.login-right h2[b-l5kousqdr2] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
}

.input-group[b-l5kousqdr2] {
    position: relative;
    margin-top: 30px;
}

    .input-group input[b-l5kousqdr2] {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--line);
        background: transparent;
        padding: 12px 34px 12px 0;
        font-size: 15px;
        color: var(--text-dark);
        outline: none;
        box-sizing: border-box;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

        .input-group input[b-l5kousqdr2]::placeholder {
            color: #a3a3af;
        }

        .input-group input:focus[b-l5kousqdr2] {
            border-bottom-color: var(--brand-2);
            box-shadow: inset 0 -1px 0 var(--brand-2);
        }

.input-icon[b-l5kousqdr2] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    opacity: 0.55;
}

.auth-validation[b-l5kousqdr2] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--danger);
}

.primary-btn[b-l5kousqdr2] {
    margin-top: 38px;
    width: 190px;
    height: 48px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
}

    .primary-btn:hover[b-l5kousqdr2] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
    }

.divider[b-l5kousqdr2] {
    margin: 26px 0 18px;
    position: relative;
    text-align: center;
}

    .divider[b-l5kousqdr2]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background: #e3e3ea;
        z-index: 0;
    }

    .divider span[b-l5kousqdr2] {
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 0 14px;
        background: var(--card-right);
        color: #9b9ba6;
        font-size: 13px;
    }

.google-btn[b-l5kousqdr2] {
    width: 100%;
    height: 50px;
    border: 1px solid #dedee8;
    border-radius: 999px;
    background: white;
    color: var(--text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.22s ease;
    box-shadow: 0 8px 18px rgba(40, 40, 60, 0.05);
}

    .google-btn:hover[b-l5kousqdr2] {
        border-color: var(--brand-4);
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(63, 47, 146, 0.08);
    }

.google-icon[b-l5kousqdr2] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;    
    color: white;    
    flex-shrink: 0;
}
    .google-icon img[b-l5kousqdr2]
    {
        width:24px;
        height:auto;
    }

    .register-block[b-l5kousqdr2] {
        margin-top: 22px;
        font-size: 14px;
        color: var(--text-muted);
        display: flex;
        justify-content: center;
        gap: 8px;
        flex-wrap: wrap;
    }

.register-link[b-l5kousqdr2] {
    color: var(--brand-2);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .register-link:hover[b-l5kousqdr2] {
        color: var(--brand-1);
    }

.links[b-l5kousqdr2] {
    margin-top: 16px;
}

    .links a[b-l5kousqdr2] {
        font-size: 14px;
        color: #7b7b88;
        text-decoration: none;
        transition: 0.2s ease;
    }

        .links a:hover[b-l5kousqdr2] {
            color: var(--brand-2);
        }


.login-right-topbar[b-l5kousqdr2] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: end;
    align-items: flex-end;
    gap: 16px;
    z-index: 5;
}

@media (max-width: 980px) {
    .login-right-topbar[b-l5kousqdr2] {
        position: static;
        margin-bottom: 22px;
        flex-direction: column;
        align-items: stretch;
    }
    
    .language-switcher[b-l5kousqdr2] {
        width: fit-content;
        max-width: 100%;
    }

    .form-wrapper[b-l5kousqdr2] {
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .login-right-topbar[b-l5kousqdr2] {
        gap: 12px;
        align-self:end;
    }

    .language-switcher[b-l5kousqdr2] {
        width: 100%;
        justify-content: space-between;
    }

    .language-btn[b-l5kousqdr2] {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* Decorative gradients */
.left-gradient[b-l5kousqdr2] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.left-gradient-1[b-l5kousqdr2] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-l5kousqdr2 10s ease-in-out infinite;
}

.left-gradient-2[b-l5kousqdr2] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-l5kousqdr2 12s ease-in-out infinite;
}

/* Shapes */
.shape[b-l5kousqdr2] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-l5kousqdr2] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-l5kousqdr2] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-l5kousqdr2] {
    top: 22px;
    left: 20px;
    animation: float1-b-l5kousqdr2 7s ease-in-out infinite;
}

.shape-2[b-l5kousqdr2] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-l5kousqdr2 8s ease-in-out infinite;
}

.shape-3[b-l5kousqdr2] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-l5kousqdr2 9s ease-in-out infinite;
}

.shape-4[b-l5kousqdr2] {
    right: -42px;
    top: 48%;
    animation: float4-b-l5kousqdr2 8.5s ease-in-out infinite;
}

.shape-5[b-l5kousqdr2] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-l5kousqdr2 10s ease-in-out infinite;
}

@keyframes float1-b-l5kousqdr2 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-l5kousqdr2 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-l5kousqdr2 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-l5kousqdr2 {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-l5kousqdr2 {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-l5kousqdr2 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-l5kousqdr2 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

@media (max-width: 900px) {
    .login-card[b-l5kousqdr2] {
        grid-template-columns: 1fr;
        max-width: 620px;
    }

    .login-left[b-l5kousqdr2],
    .login-right[b-l5kousqdr2] {
        padding: 40px 28px;
    }

    .login-right[b-l5kousqdr2] {
        flex-direction:column;
    }

        .login-left h1[b-l5kousqdr2],
        .login-right h2[b-l5kousqdr2] {
            font-size: 32px;
        }

        .left-content[b-l5kousqdr2] {
            max-width: none;
        }
    }

@media (max-width: 540px) {
    .login-page[b-l5kousqdr2] {
        padding: 16px;
    }

    .login-card[b-l5kousqdr2] {
        border-radius: 24px;
        min-height: auto;
    }

    .login-left[b-l5kousqdr2],
    .login-right[b-l5kousqdr2] {
        padding: 28px 20px;
    }

    .login-right[b-l5kousqdr2] {
        flex-direction: column;
    }

        .login-left h1[b-l5kousqdr2],
        .login-right h2[b-l5kousqdr2] {
            font-size: 28px;
        }

    .primary-btn[b-l5kousqdr2] {
        width: 100%;
    }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
:root[b-pwx4rrr9cg] {
    --bg-page: #eeeeef;
    --card-right: #fbfbfc;
    --card-left: #16141f;
    --text-dark: #18181b;
    --text-muted: #8d8d98;
    --line: #d7d7df;
    --danger: #d9534f;
    --brand-1: #3f2f92;
    --brand-2: #4933aa;
    --brand-3: #8a74c9;
    --brand-4: #aaa0db;
}

.register-page[b-pwx4rrr9cg] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.register-card[b-pwx4rrr9cg] {
    width: 100%;
    max-width: 1220px;
    min-height: 760px;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    background: var(--card-right);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

/* LEFT FORM */

.register-left[b-pwx4rrr9cg] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position:relative;
}

.register-left-topbar[b-pwx4rrr9cg] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: end;
    align-items: flex-end;
    gap: 16px;
    z-index: 5;
}

@media (max-width: 980px) {
    .register-left-topbar[b-pwx4rrr9cg] {
        position: static;
        margin-bottom: 22px;
        flex-direction: column;
        align-items: stretch;
        align-self: end;
    }

    .language-switcher[b-pwx4rrr9cg] {
        width: fit-content;
        max-width: 100%;
    }

    .form-wrapper[b-pwx4rrr9cg] {
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .register-left-topbar[b-pwx4rrr9cg] {
        gap: 12px;
        align-self: end;
    }

    .language-switcher[b-pwx4rrr9cg] {
        width: 100%;
        justify-content: space-between;
    }

    .language-btn[b-pwx4rrr9cg] {
        flex: 1 1 0;
        min-width: 0;
    }
}

.form-wrapper[b-pwx4rrr9cg] {
    width: 100%;
    max-width: 500px;
}

.register-form-wrapper[b-pwx4rrr9cg] {
    max-width: 520px;
}

.brand[b-pwx4rrr9cg] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.brand-dark[b-pwx4rrr9cg] {
    color: var(--brand-2);
    margin-bottom: 20px;
}

.register-left h2[b-pwx4rrr9cg] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
    text-align: left;
}

.title-line[b-pwx4rrr9cg] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-pwx4rrr9cg] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 14px 0 0 0;
    }

.form-subtitle[b-pwx4rrr9cg] {
    margin: 16px 0 30px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-muted);
    max-width: 460px;
}

.auth-form-group[b-pwx4rrr9cg] {
    margin-bottom: 18px;
    text-align: left;
}

.auth-label[b-pwx4rrr9cg] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #55556a;
}

.auth-input[b-pwx4rrr9cg] {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--line);
    background: transparent;
    padding: 12px 0;
    font-size: 15px;
    color: var(--text-dark);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    border-radius: 0;
}

    .auth-input[b-pwx4rrr9cg]::placeholder {
        color: #a3a3af;
    }

    .auth-input:focus[b-pwx4rrr9cg] {
        border-bottom-color: var(--brand-2);
        box-shadow: inset 0 -1px 0 var(--brand-2);
    }

.auth-validation[b-pwx4rrr9cg] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--danger);
}

.auth-footer-note[b-pwx4rrr9cg] {
    margin-top: 22px;
    font-size: 14px;
    color: var(--text-muted);
    text-align: left;
}

    .auth-footer-note a[b-pwx4rrr9cg] {
        margin-left: 6px;
        color: var(--brand-2);
        font-weight: 700;
        text-decoration: none;
    }

        .auth-footer-note a:hover[b-pwx4rrr9cg] {
            color: var(--brand-1);
        }

/* RIGHT PANEL */

.register-right[b-pwx4rrr9cg] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    display: flex;
    align-items: center;
    padding: 58px;
    overflow: hidden;
}

.right-content[b-pwx4rrr9cg] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.register-right h1[b-pwx4rrr9cg] {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
}

.register-right p[b-pwx4rrr9cg] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.right-features[b-pwx4rrr9cg] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-item[b-pwx4rrr9cg] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,0.84);
    font-size: 14px;
}

.feature-dot[b-pwx4rrr9cg] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-3), var(--brand-4));
    box-shadow: 0 0 0 5px rgba(138, 116, 201, 0.14);
    flex-shrink: 0;
}

.secondary-btn-link[b-pwx4rrr9cg] {
    text-decoration: none;
}

.secondary-btn[b-pwx4rrr9cg] {
    margin-top: 34px;
    padding: 14px 30px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: rgba(255, 255, 255, 0.03);
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    backdrop-filter: blur(4px);
}

    .secondary-btn:hover[b-pwx4rrr9cg] {
        background: rgba(138, 116, 201, 0.12);
        border-color: rgba(170, 160, 219, 1);
        transform: translateY(-1px);
    }

/* WIZARD */

.signup-wizard[b-pwx4rrr9cg] {
    text-align: left;
}

    .signup-wizard .wizard-btn[b-pwx4rrr9cg],
    .signup-wizard .custom-btn[b-pwx4rrr9cg],
    .signup-wizard .custom-btn2[b-pwx4rrr9cg] {
        min-width: 130px;
        height: 46px;
        border-radius: 999px;
        font-size: 14px;
        font-weight: 700;
        transition: 0.25s ease;
        border: none;
        cursor: pointer;
    }

    .signup-wizard .wizard-btn-primary[b-pwx4rrr9cg],
    .signup-wizard .custom-btn2[b-pwx4rrr9cg] {
        background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
        color: white;
        box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
    }

        .signup-wizard .wizard-btn-primary:hover[b-pwx4rrr9cg],
        .signup-wizard .custom-btn2:hover[b-pwx4rrr9cg] {
            transform: translateY(-1px);
            box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
        }

    .signup-wizard .wizard-btn-secondary[b-pwx4rrr9cg],
    .signup-wizard .custom-btn[b-pwx4rrr9cg] {
        background: transparent;
        color: var(--brand-2);
        border: 1.5px solid rgba(170, 160, 219, 0.8);
    }

        .signup-wizard .wizard-btn-secondary:hover[b-pwx4rrr9cg],
        .signup-wizard .custom-btn:hover[b-pwx4rrr9cg] {
            background: rgba(138, 116, 201, 0.08);
        }

/* DECOR */

.right-gradient[b-pwx4rrr9cg] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.right-gradient-1[b-pwx4rrr9cg] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-pwx4rrr9cg 10s ease-in-out infinite;
}

.right-gradient-2[b-pwx4rrr9cg] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-pwx4rrr9cg 12s ease-in-out infinite;
}

.shape[b-pwx4rrr9cg] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-pwx4rrr9cg] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-pwx4rrr9cg] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-pwx4rrr9cg] {
    top: 22px;
    left: 20px;
    animation: float1-b-pwx4rrr9cg 7s ease-in-out infinite;
}

.shape-2[b-pwx4rrr9cg] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-pwx4rrr9cg 8s ease-in-out infinite;
}

.shape-3[b-pwx4rrr9cg] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-pwx4rrr9cg 9s ease-in-out infinite;
}

.shape-4[b-pwx4rrr9cg] {
    right: -42px;
    top: 48%;
    animation: float4-b-pwx4rrr9cg 8.5s ease-in-out infinite;
}

.shape-5[b-pwx4rrr9cg] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-pwx4rrr9cg 10s ease-in-out infinite;
}

@keyframes float1-b-pwx4rrr9cg {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-pwx4rrr9cg {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-pwx4rrr9cg {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-pwx4rrr9cg {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-pwx4rrr9cg {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-pwx4rrr9cg {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-pwx4rrr9cg {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

/* RESPONSIVE */

@media (max-width: 980px) {
    .register-card[b-pwx4rrr9cg] {
        grid-template-columns: 1fr;
        max-width: 720px;
    }

    .register-left[b-pwx4rrr9cg],
    .register-right[b-pwx4rrr9cg] {
        padding: 40px 28px;
    }

        .register-left h2[b-pwx4rrr9cg],
        .register-right h1[b-pwx4rrr9cg] {
            font-size: 32px;
        }



    .register-left[b-pwx4rrr9cg] {
        flex-direction: column;
    }

    .form-wrapper[b-pwx4rrr9cg],
    .register-form-wrapper[b-pwx4rrr9cg],
    .right-content[b-pwx4rrr9cg] {
        max-width: none;
    }
}

@media (max-width: 540px) {
    .register-page[b-pwx4rrr9cg] {
        padding: 16px;
    }

    .register-card[b-pwx4rrr9cg] {
        border-radius: 24px;
        min-height: auto;
    }

    .register-left[b-pwx4rrr9cg],
    .register-right[b-pwx4rrr9cg] {
        padding: 28px 20px;
    }

        .register-left[b-pwx4rrr9cg]{
            flex-direction:column;
        }

        .register-left h2[b-pwx4rrr9cg],
        .register-right h1[b-pwx4rrr9cg] {
            font-size: 28px;
        }

    .signup-wizard .wizard-btn[b-pwx4rrr9cg],
    .signup-wizard .custom-btn[b-pwx4rrr9cg],
    .signup-wizard .custom-btn2[b-pwx4rrr9cg] {
        width: 100%;
    }
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
.reset-page[b-2q1v0iwpli] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.reset-card[b-2q1v0iwpli] {
    width: 100%;
    max-width: 1080px;
    min-height: 620px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--card-right);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.reset-left[b-2q1v0iwpli] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    display: flex;
    align-items: center;
    padding: 58px;
    overflow: hidden;
}

.reset-right[b-2q1v0iwpli] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position: relative;
}

.reset-right-topbar[b-2q1v0iwpli] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: end;
    align-items: flex-end;
    gap: 16px;
    z-index: 5;
}

.reset-right h2[b-2q1v0iwpli] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
}

.reset-card__validation-summary[b-2q1v0iwpli] {
    margin-bottom: 18px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255, 230, 230, 0.78);
    color: var(--danger);
    font-size: 13px;
}

.reset-error[b-2q1v0iwpli] {
    margin-top: 18px;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(230, 72, 72, 0.08);
    border: 1px solid rgba(230, 72, 72, 0.16);
    color: var(--danger);
    font-size: 13px;
    font-weight: 600;
}

.reset-success[b-2q1v0iwpli] {
    text-align: center;
}

.reset-success-icon[b-2q1v0iwpli] {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    color: var(--brand-2);
    font-size: 30px;
}

.reset-success-text[b-2q1v0iwpli] {
    margin-top: 22px;
    margin-bottom: 26px;
    font-size: 15px;
    line-height: 1.75;
    color: var(--text-muted);
}

.input-group-password[b-2q1v0iwpli] {
    position: relative;
}

.password-toggle[b-2q1v0iwpli] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #8a8a96;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .password-toggle:hover[b-2q1v0iwpli] {
        color: var(--brand-2);
    }

.left-content[b-2q1v0iwpli] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.brand[b-2q1v0iwpli] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.reset-left h1[b-2q1v0iwpli] {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
}

.reset-left p[b-2q1v0iwpli] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.title-line[b-2q1v0iwpli] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-2q1v0iwpli] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 12px auto 0;
    }

.secondary-btn[b-2q1v0iwpli] {
    margin-top: 34px;
    padding: 14px 30px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: rgba(255, 255, 255, 0.03);
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    backdrop-filter: blur(4px);
}

    .secondary-btn:hover[b-2q1v0iwpli] {
        background: rgba(138, 116, 201, 0.12);
        border-color: rgba(170, 160, 219, 1);
        transform: translateY(-1px);
    }

.login-right[b-2q1v0iwpli] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position: relative;
}

.form-wrapper[b-2q1v0iwpli] {
    width: 100%;
    max-width: 360px;
    text-align: center;
}

.login-right h2[b-2q1v0iwpli] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
}

.input-group[b-2q1v0iwpli] {
    position: relative;
    margin-top: 30px;
}

    .input-group[b-2q1v0iwpli]  input {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--line);
        background: transparent;
        padding: 12px 34px 12px 0;
        font-size: 15px;
        color: var(--text-dark);
        outline: none;
        box-sizing: border-box;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

        .input-group[b-2q1v0iwpli]  input::placeholder {
            color: #a3a3af;
        }

        .input-group[b-2q1v0iwpli]  input:focus {
            border-bottom-color: var(--brand-2);
            box-shadow: inset 0 -1px 0 var(--brand-2);
        }

.input-icon[b-2q1v0iwpli] {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    opacity: 0.55;
}

.auth-validation[b-2q1v0iwpli] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--danger);
}

.primary-btn[b-2q1v0iwpli] {
    margin-top: 38px;
    width: 220px;
    height: 48px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
}

    .primary-btn:hover[b-2q1v0iwpli] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
    }

.divider[b-2q1v0iwpli] {
    margin: 26px 0 18px;
    position: relative;
    text-align: center;
}

    .divider[b-2q1v0iwpli]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background: #e3e3ea;
        z-index: 0;
    }

    .divider span[b-2q1v0iwpli] {
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 0 14px;
        background: var(--card-right);
        color: #9b9ba6;
        font-size: 13px;
    }

.google-btn[b-2q1v0iwpli] {
    width: 100%;
    height: 50px;
    border: 1px solid #dedee8;
    border-radius: 999px;
    background: white;
    color: var(--text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.22s ease;
    box-shadow: 0 8px 18px rgba(40, 40, 60, 0.05);
}

    .google-btn:hover[b-2q1v0iwpli] {
        border-color: var(--brand-4);
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(63, 47, 146, 0.08);
    }

.google-icon[b-2q1v0iwpli] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

    .google-icon img[b-2q1v0iwpli] {
        width: 24px;
        height: auto;
    }

.register-block[b-2q1v0iwpli] {
    margin-top: 22px;
    font-size: 14px;
    color: var(--text-muted);
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.register-link[b-2q1v0iwpli] {
    color: var(--brand-2);
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .register-link:hover[b-2q1v0iwpli] {
        color: var(--brand-1);
    }

.links[b-2q1v0iwpli] {
    margin-top: 16px;
}

    .links a[b-2q1v0iwpli] {
        font-size: 14px;
        color: #7b7b88;
        text-decoration: none;
        transition: 0.2s ease;
    }

        .links a:hover[b-2q1v0iwpli] {
            color: var(--brand-2);
        }


.login-right-topbar[b-2q1v0iwpli] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: end;
    align-items: flex-end;
    gap: 16px;
    z-index: 5;
}

@media (max-width: 980px) {
    .reset-right-topbar[b-2q1v0iwpli] {
        position: static;
        margin-bottom: 22px;
        flex-direction: column;
        align-items: stretch;
    }

    .form-wrapper[b-2q1v0iwpli] {
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    .reset-card[b-2q1v0iwpli] {
        grid-template-columns: 1fr;
        max-width: 620px;
    }

    .reset-left[b-2q1v0iwpli],
    .reset-right[b-2q1v0iwpli] {
        padding: 40px 28px;
    }

        .reset-right h2[b-2q1v0iwpli],
        .reset-left h1[b-2q1v0iwpli] {
            font-size: 32px;
        }

    .left-content[b-2q1v0iwpli] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .reset-right-topbar[b-2q1v0iwpli] {
        gap: 12px;
    }
}

@media (max-width: 540px) {
    .reset-page[b-2q1v0iwpli] {
        padding: 16px;
    }

    .reset-card[b-2q1v0iwpli] {
        border-radius: 24px;
        min-height: auto;
    }

    .reset-left[b-2q1v0iwpli],
    .reset-right[b-2q1v0iwpli] {
        padding: 28px 20px;
    }

        .reset-right h2[b-2q1v0iwpli],
        .reset-left h1[b-2q1v0iwpli] {
            font-size: 28px;
        }

    .primary-btn[b-2q1v0iwpli] {
        width: 100%;
    }
}
/* /Components/Controls/BuyCertificateButton.razor.rz.scp.css */
.profile-certificates-buy-btn[b-n3nsy7h7kq] {
    min-width: 210px;
    gap: 8px;
}

.profile-btn[b-n3nsy7h7kq] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease;
}

    .profile-btn.primary[b-n3nsy7h7kq] {
        border: none;
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

        .profile-btn.primary:hover[b-n3nsy7h7kq] {
            transform: translateY(-1px);
        }

    .profile-btn.secondary[b-n3nsy7h7kq],
    .profile-btn.ghost[b-n3nsy7h7kq] {
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        background: rgba(138, 116, 201, 0.07);
        color: #6d58c4;
    }

    .profile-btn.ghost[b-n3nsy7h7kq] {
        min-height: 40px;
        padding: 0 14px;
        font-size: 13px;
    }

.profile-certificate-shop-banner__btn[b-n3nsy7h7kq] {
    gap: 8px;
    background: white !important;
    color: #5d48bb !important;
    box-shadow: 0 16px 28px rgba(34, 24, 77, 0.18) !important;
}

profile-certificates-buy-btn[b-n3nsy7h7kq] {
    gap:8px;
}
/* /Components/Controls/DropdownSelect.razor.rz.scp.css */
.dropdown-select[b-3rtf57fdbe] {
    width: 100%;
}

.dropdown-select__label[b-3rtf57fdbe] {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a719f;
}

.dropdown-select__root[b-3rtf57fdbe] {
    width: 100%;
}

.dropdown-select[b-3rtf57fdbe]  .dropdown-select__toggle {
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border-radius: 16px;
    border: 1px solid rgba(138, 116, 201, 0.18);
    background: rgba(255,255,255,0.94);
    color: #1f2030;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 10px 18px rgba(36, 30, 70, 0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.18s ease;
}

    .dropdown-select[b-3rtf57fdbe]  .dropdown-select__toggle:hover,
    .dropdown-select[b-3rtf57fdbe]  .dropdown-select__toggle:focus,
    .dropdown-select[b-3rtf57fdbe]  .dropdown-select__toggle:active {
        border-color: #7b63d6;
        background: rgba(255,255,255,1);
        color: #1f2030;
        box-shadow: 0 0 0 3px rgba(123, 99, 214, 0.14), 0 10px 18px rgba(36, 30, 70, 0.04);
    }

    .dropdown-select[b-3rtf57fdbe]  .dropdown-select__toggle::after
    {
        content:"";
        display:none;
    }

    .dropdown-select__toggle-text[b-3rtf57fdbe] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dropdown-select__chevron[b-3rtf57fdbe] {
    margin-left: 10px;
    font-size: 18px;
    color: #7a719f;
    flex-shrink: 0;
}

.dropdown-select[b-3rtf57fdbe]  .dropdown-select__menu {
    width: 100%;
    min-width: 100%;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid rgba(138, 116, 201, 0.12);
    border-radius: 18px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 22px 42px rgba(20, 18, 30, 0.16);
}

.dropdown-select[b-3rtf57fdbe]  .dropdown-select__item {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1f2030;
    font-size: 14px;
    font-weight: 600;
    background: transparent;
    transition: 0.15s ease;
}

    .dropdown-select[b-3rtf57fdbe]  .dropdown-select__item:hover {
        background: rgba(138, 116, 201, 0.08);
        color: #4933aa;
    }

    .dropdown-select[b-3rtf57fdbe]  .dropdown-select__item.is-selected {
        background: rgba(138, 116, 201, 0.10);
        color: #4933aa;
        font-weight: 700;
    }

.dropdown-select__item-text[b-3rtf57fdbe] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-select__item-check[b-3rtf57fdbe] {
    margin-left: 10px;
    font-size: 16px;
    color: #6d58c4;
    flex-shrink: 0;
}
/* /Components/Controls/EventInnerPageHeader.razor.rz.scp.css */
.event-inner-header[b-f9e8udssha] {
    margin-bottom: 28px;
}

.event-inner-header__topbar[b-f9e8udssha] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.event-inner-header__back-btn[b-f9e8udssha] {
    height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.22);
    background: rgba(138, 116, 201, 0.06);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.2s ease;
}

    .event-inner-header__back-btn:hover[b-f9e8udssha] {
        background: rgba(138, 116, 201, 0.10);
        transform: translateY(-1px);
    }

.event-inner-header__back-icon[b-f9e8udssha] {
    font-size: 16px;
    line-height: 1;
}

.event-inner-header__breadcrumbs[b-f9e8udssha] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 15px;
    line-height: 1.4;
}

.event-inner-header__breadcrumb-link[b-f9e8udssha] {
    color: #6f7083;
    text-decoration: none;
    transition: color 0.18s ease;
}

    .event-inner-header__breadcrumb-link:hover[b-f9e8udssha] {
        color: #4933aa;
    }

.event-inner-header__breadcrumb-sep[b-f9e8udssha] {
    color: #b0b0c2;
}

.event-inner-header__breadcrumb-current[b-f9e8udssha] {
    color: #9a9aae;
}

.event-inner-header__main[b-f9e8udssha] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: end;
}

.event-inner-header__content[b-f9e8udssha] {
    min-width: 0;
}

.event-inner-header__brand[b-f9e8udssha] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 10px;
}

.event-inner-header__title[b-f9e8udssha] {
    margin: 0;
    font-size: clamp(34px, 3vw, 58px);
    line-height: 1.05;
    font-weight: 800;
    color: #18181b;
}

.event-inner-header__title-line[b-f9e8udssha] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 16px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.event-inner-header__subtitle[b-f9e8udssha] {
    margin-top: 18px;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.75;
    color: #6b6c7e;
}

.event-inner-header__meta-pill[b-f9e8udssha] {
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
}

.event-inner-header__actions[b-f9e8udssha] {
    min-width: 280px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 900px) {
    .event-inner-header__main[b-f9e8udssha] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .event-inner-header__actions[b-f9e8udssha] {
        min-width: 0;
        width: 100%;
        justify-content: stretch;
    }

    .event-inner-header__topbar[b-f9e8udssha] {
        align-items: flex-start;
    }
}
/* /Components/Controls/InnerPageContent.razor.rz.scp.css */
.event-inner-page-shell[b-8lcokae5y3] {
    padding: 10px 0 24px;
}

.event-inner-page-card[b-8lcokae5y3] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.event-inner-page-content[b-8lcokae5y3] {
    position: relative;
    z-index: 2;
    padding: 34px 30px 30px;
}

.event-inner-page-glow[b-8lcokae5y3] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.14;
    pointer-events: none;
    z-index: 1;
}

.event-inner-page-glow-1[b-8lcokae5y3] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -60px;
    left: -60px;
}

.event-inner-page-glow-2[b-8lcokae5y3] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -80px;
}

@media (max-width: 768px) {

    .event-inner-page-content[b-8lcokae5y3] {        
        padding: 14px 10px 10px;
    }
}
/* /Components/Controls/LanguageSelector2.razor.rz.scp.css */
/* /Components/Controls/SearchBar.razor.rz.scp.css */
.search-bar[b-9ou0uaqz8u] {
    width: 100%;
}

.search-bar__input-wrap[b-9ou0uaqz8u] {
    position: relative;
    width: 100%;
}

.search-bar__input[b-9ou0uaqz8u] {
    width: 100%;
    height: 46px;
    padding: 0 44px 0 16px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.25);
    background: rgba(255,255,255,0.9);
    font-size: 15px;
    color: #222;
    outline: none;
    transition: border 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

    .search-bar__input[b-9ou0uaqz8u]::placeholder {
        color: #9a9aae;
    }

    .search-bar__input:focus[b-9ou0uaqz8u] {
        border-color: #7b63d6;
        box-shadow: 0 0 0 3px rgba(123, 99, 214, 0.15);
        background: white;
    }

.search-bar__icon[b-9ou0uaqz8u] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #7a6fb2;
    pointer-events: none;
}

.search-bar__clear[b-9ou0uaqz8u] {
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: rgba(138, 116, 201, 0.12);
    color: #6d58c4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.15s ease;
}

    .search-bar__clear:hover[b-9ou0uaqz8u] {
        background: rgba(138, 116, 201, 0.20);
    }
/* /Components/Layout/EventLayout.razor.rz.scp.css */
#blazor-error-ui[b-vc3s18wt7o] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 20000;
    font-family: inherit;
}

    #blazor-error-ui .kazcs-error-ui__backdrop[b-vc3s18wt7o] {
        position: absolute;
        inset: 0;
        background: rgba(18, 16, 31, 0.18);
        backdrop-filter: blur(6px);
    }

    #blazor-error-ui .kazcs-error-ui__card[b-vc3s18wt7o] {
        position: absolute;
        left: 50%;
        bottom: 28px;
        transform: translateX(-50%);
        width: min(440px, calc(100vw - 24px));
        border-radius: 10px;
        overflow: hidden;
        background: radial-gradient(circle at top left, rgba(255,255,255,0.82), transparent 22%), rgba(251,251,252,0.98);
        border: 1px solid rgba(138, 116, 201, 0.10);
        box-shadow: 0 28px 64px rgba(36, 30, 70, 0.18), 0 10px 24px rgba(36, 30, 70, 0.08);
        padding: 18px 18px 16px;
    }

    #blazor-error-ui .kazcs-error-ui__accent[b-vc3s18wt7o] {
        position: absolute;
        inset: 0 0 auto 0;
        height: 7px;
        background: linear-gradient(180deg, #8a74c9 0%, #4933aa 100%);
    }

    #blazor-error-ui .kazcs-error-ui__icon-wrap[b-vc3s18wt7o] {
        width: 54px;
        height: 54px;
        border-radius: 18px;
        background: rgba(138, 116, 201, 0.10);
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 20px rgba(73, 51, 170, 0.08);
    }

    #blazor-error-ui .kazcs-error-ui__icon[b-vc3s18wt7o] {
        width: 28px;
        height: 28px;
        border-radius: 14px;
        background: linear-gradient(135deg, #8a74c9, #4933aa);
        color: white;
        font-size: 18px;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #blazor-error-ui .kazcs-error-ui__content[b-vc3s18wt7o] {
        margin-top: 14px;
    }

    #blazor-error-ui .kazcs-error-ui__eyebrow[b-vc3s18wt7o] {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #6d58c4;
        margin-bottom: 8px;
    }

    #blazor-error-ui .kazcs-error-ui__title[b-vc3s18wt7o] {
        font-size: 28px;
        line-height: 1.08;
        font-weight: 800;
        color: #18181b;
    }

    #blazor-error-ui .kazcs-error-ui__text[b-vc3s18wt7o] {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.7;
        color: #6b6c7e;
    }

    #blazor-error-ui .kazcs-error-ui__actions[b-vc3s18wt7o] {
        display: flex;
        gap: 10px;
        margin-top: 18px;
    }

    #blazor-error-ui .kazcs-error-ui__btn[b-vc3s18wt7o] {
        min-height: 46px;
        padding: 0 18px;
        border-radius: 999px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        border: none;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: .2s ease;
    }

    #blazor-error-ui .kazcs-error-ui__btn--primary[b-vc3s18wt7o] {
        background: linear-gradient(135deg, #8a74c9, #4933aa);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

    #blazor-error-ui .kazcs-error-ui__btn--secondary[b-vc3s18wt7o] {
        background: rgba(138, 116, 201, 0.07);
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        color: #6d58c4;
    }

    #blazor-error-ui .kazcs-error-ui__btn:hover[b-vc3s18wt7o] {
        transform: translateY(-1px);
    }

@media (max-width: 640px) {
    #blazor-error-ui .kazcs-error-ui__card[b-vc3s18wt7o] {
        bottom: 16px;
        width: calc(100vw - 16px);
        border-radius: 24px;
        padding: 16px 14px 14px;
    }

    #blazor-error-ui .kazcs-error-ui__title[b-vc3s18wt7o] {
        font-size: 24px;
    }

    #blazor-error-ui .kazcs-error-ui__actions[b-vc3s18wt7o] {
        flex-direction: column;
    }

    #blazor-error-ui .kazcs-error-ui__btn[b-vc3s18wt7o] {
        width: 100%;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
.site-footer[b-84t0da24pr] {
    position: relative;
    margin-top: 0;
}

.site-footer__bg[b-84t0da24pr] {
    position: relative;
    overflow: hidden;
    padding: 56px 0 26px;
    background: radial-gradient(circle at 18% 18%, rgba(255,255,255,0.06), transparent 14%), radial-gradient(circle at 78% 22%, rgba(255,255,255,0.05), transparent 14%), radial-gradient(circle at 76% 86%, rgba(170,160,219,0.10), transparent 18%), linear-gradient(135deg, #2f236f 0%, #3f2f92 44%, #4b36aa 100%);
    border-top: 1px solid rgba(255,255,255,0.08);
}

    .site-footer__bg[b-84t0da24pr]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at center, rgba(255,255,255,0.05), transparent 34%);
        opacity: 0.9;
    }

.site-footer__top[b-84t0da24pr] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.3fr 0.8fr 1fr 1fr;
    gap: 32px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.site-footer__brand-col[b-84t0da24pr],
.site-footer__links-col[b-84t0da24pr],
.site-footer__contact-col[b-84t0da24pr] {
    min-width: 0;
}

.site-footer__brand[b-84t0da24pr] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 18px;
}

.site-footer__brand-logo[b-84t0da24pr] {
    height: 46px;
    width: auto;
    display: block;
}

.site-footer__brand-text[b-84t0da24pr] {
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255,255,255,0.82);
    max-width: 420px;
}

.site-footer__socials[b-84t0da24pr] {
    display: flex;
    gap: 12px;
    margin-top: 22px;
}

.site-footer__social[b-84t0da24pr] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    font-size: 18px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.14);
    transition: 0.2s ease;
}

    .site-footer__social:hover[b-84t0da24pr] {
        transform: translateY(-2px);
        background: rgba(255,255,255,0.16);
        color: white;
    }

.site-footer__title[b-84t0da24pr] {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: white;
    margin-bottom: 18px;
}

.site-footer__links[b-84t0da24pr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .site-footer__links a[b-84t0da24pr] {
        color: rgba(255,255,255,0.82);
        text-decoration: none;
        font-size: 15px;
        line-height: 1.6;
        transition: color 0.18s ease;
    }

        .site-footer__links a:hover[b-84t0da24pr] {
            color: white;
        }

.site-footer__contact-list[b-84t0da24pr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.site-footer__contact-item[b-84t0da24pr] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-decoration: none;
    color: rgba(255,255,255,0.82);
    font-size: 15px;
    line-height: 1.6;
    transition: color 0.18s ease;
}

    .site-footer__contact-item:hover[b-84t0da24pr] {
        color: white;
    }

.site-footer__contact-icon[b-84t0da24pr] {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.12);
    font-size: 16px;
}

.site-footer__bottom[b-84t0da24pr] {
    position: relative;
    z-index: 2;
    padding-top: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.site-footer__copyright[b-84t0da24pr] {
    color: rgba(255,255,255,0.68);
    font-size: 13px;
    line-height: 1.6;
}

.site-footer__bottom-links[b-84t0da24pr] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

    .site-footer__bottom-links a[b-84t0da24pr] {
        color: rgba(255,255,255,0.74);
        text-decoration: none;
        font-size: 13px;
        transition: color 0.18s ease;
    }

        .site-footer__bottom-links a:hover[b-84t0da24pr] {
            color: white;
        }

@media (max-width: 1100px) {
    .site-footer__top[b-84t0da24pr] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .site-footer__bg[b-84t0da24pr] {
        padding: 40px 0 22px;
    }

    .site-footer__top[b-84t0da24pr] {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .site-footer__bottom[b-84t0da24pr] {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-footer__bottom-links[b-84t0da24pr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-81v0nh7tyi] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 20000;
    font-family: inherit;
}

    #blazor-error-ui .kazcs-error-ui__backdrop[b-81v0nh7tyi] {
        position: absolute;
        inset: 0;
        background: rgba(18, 16, 31, 0.18);
        backdrop-filter: blur(6px);
    }

    #blazor-error-ui .kazcs-error-ui__card[b-81v0nh7tyi] {
        position: absolute;
        left: 50%;
        bottom: 28px;
        transform: translateX(-50%);
        width: min(440px, calc(100vw - 24px));
        border-radius: 10px;
        overflow: hidden;
        background: radial-gradient(circle at top left, rgba(255,255,255,0.82), transparent 22%), rgba(251,251,252,0.98);
        border: 1px solid rgba(138, 116, 201, 0.10);
        box-shadow: 0 28px 64px rgba(36, 30, 70, 0.18), 0 10px 24px rgba(36, 30, 70, 0.08);
        padding: 18px 18px 16px;
    }

    #blazor-error-ui .kazcs-error-ui__accent[b-81v0nh7tyi] {
        position: absolute;
        inset: 0 0 auto 0;
        height: 7px;
        background: linear-gradient(180deg, #8a74c9 0%, #4933aa 100%);
    }

    #blazor-error-ui .kazcs-error-ui__icon-wrap[b-81v0nh7tyi] {
        width: 54px;
        height: 54px;
        border-radius: 18px;
        background: rgba(138, 116, 201, 0.10);
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 20px rgba(73, 51, 170, 0.08);
    }

    #blazor-error-ui .kazcs-error-ui__icon[b-81v0nh7tyi] {
        width: 28px;
        height: 28px;
        border-radius: 14px;
        background: linear-gradient(135deg, #8a74c9, #4933aa);
        color: white;
        font-size: 18px;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #blazor-error-ui .kazcs-error-ui__content[b-81v0nh7tyi] {
        margin-top: 14px;
    }

    #blazor-error-ui .kazcs-error-ui__eyebrow[b-81v0nh7tyi] {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: #6d58c4;
        margin-bottom: 8px;
    }

    #blazor-error-ui .kazcs-error-ui__title[b-81v0nh7tyi] {
        font-size: 28px;
        line-height: 1.08;
        font-weight: 800;
        color: #18181b;
    }

    #blazor-error-ui .kazcs-error-ui__text[b-81v0nh7tyi] {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.7;
        color: #6b6c7e;
    }

    #blazor-error-ui .kazcs-error-ui__actions[b-81v0nh7tyi] {
        display: flex;
        gap: 10px;
        margin-top: 18px;
    }

    #blazor-error-ui .kazcs-error-ui__btn[b-81v0nh7tyi] {
        min-height: 46px;
        padding: 0 18px;
        border-radius: 999px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        border: none;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: .2s ease;
    }

    #blazor-error-ui .kazcs-error-ui__btn--primary[b-81v0nh7tyi] {
        background: linear-gradient(135deg, #8a74c9, #4933aa);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

    #blazor-error-ui .kazcs-error-ui__btn--secondary[b-81v0nh7tyi] {
        background: rgba(138, 116, 201, 0.07);
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        color: #6d58c4;
    }

    #blazor-error-ui .kazcs-error-ui__btn:hover[b-81v0nh7tyi] {
        transform: translateY(-1px);
    }

@media (max-width: 640px) {
    #blazor-error-ui .kazcs-error-ui__card[b-81v0nh7tyi] {
        bottom: 16px;
        width: calc(100vw - 16px);
        border-radius: 24px;
        padding: 16px 14px 14px;
    }

    #blazor-error-ui .kazcs-error-ui__title[b-81v0nh7tyi] {
        font-size: 24px;
    }

    #blazor-error-ui .kazcs-error-ui__actions[b-81v0nh7tyi] {
        flex-direction: column;
    }

    #blazor-error-ui .kazcs-error-ui__btn[b-81v0nh7tyi] {
        width: 100%;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-bptms8iija],
.components-reconnect-repeated-attempt-visible[b-bptms8iija],
.components-reconnect-failed-visible[b-bptms8iija],
.components-pause-visible[b-bptms8iija],
.components-resume-failed-visible[b-bptms8iija],
.components-rejoining-animation[b-bptms8iija] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-bptms8iija],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-bptms8iija],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-bptms8iija],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-bptms8iija],
#components-reconnect-modal.components-reconnect-retrying[b-bptms8iija],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-bptms8iija],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-bptms8iija],
#components-reconnect-modal.components-reconnect-failed[b-bptms8iija],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-bptms8iija] {
    display: block;
}


#components-reconnect-modal[b-bptms8iija] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-bptms8iija 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-bptms8iija 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-bptms8iija 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-bptms8iija]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-bptms8iija 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-bptms8iija {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-bptms8iija {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-bptms8iija {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-bptms8iija] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-bptms8iija] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-bptms8iija] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-bptms8iija] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-bptms8iija] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-bptms8iija] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-bptms8iija] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-bptms8iija 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-bptms8iija] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-bptms8iija {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/TopNavMenu.razor.rz.scp.css */
/* /Components/Layout/TopNavMenuNew.razor.rz.scp.css */
.kazcs-topbar[b-fov65jd33o] {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(14px);
    background: linear-gradient( 135deg, rgba(63, 47, 146, 0.96), rgba(73, 51, 170, 0.96) );
    border-bottom: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 10px 28px rgba(20, 18, 30, 0.08);
}


.kazcs-topbar__inner[b-fov65jd33o] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 14px 26px;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 20px;
    align-items: center;
}


.kazcs-topbar__brand[b-fov65jd33o] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}


.kazcs-topbar__brand-logo[b-fov65jd33o] {
    height: 44px;
    width: auto;
    display: block;
    filter: drop-shadow( 0 4px 10px rgba(0,0,0,0.12) );
}


.kazcs-topbar__nav[b-fov65jd33o] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}


    /* ---------- NAV LINKS (NavLink) ---------- */

    .kazcs-topbar__nav[b-fov65jd33o]  .kazcs-topbar__link {
        min-height: 42px;
        padding: 0 14px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: rgba(255,255,255,0.88);
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.03em;
        transition: 0.18s ease;
    }


        .kazcs-topbar__nav[b-fov65jd33o]  .kazcs-topbar__link:hover {
            background: rgba(255,255,255,0.10);
            color: white;
        }


        .kazcs-topbar__nav[b-fov65jd33o]  .kazcs-topbar__link.active {
            background: rgba(255,255,255,0.16);
            color: white;
            box-shadow: 0 10px 20px rgba(20, 18, 30, 0.10);
        }


/* ---------- RIGHT SIDE ---------- */

.kazcs-topbar__right[b-fov65jd33o] {
    display: flex;
    align-items: center;
    gap: 14px;
}


.kazcs-topbar__lang[b-fov65jd33o] {
    display: flex;
    align-items: center;
}


/* ---------- LOGIN BUTTON ---------- */

.kazcs-topbar__login-btn[b-fov65jd33o] {
    min-width: 128px;
    height: 48px;
    padding: 0 22px;
    border-radius: 16px;
    border: 1.5px solid rgba(255,255,255,0.28);
    background: rgba(255,255,255,0.06);
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
}


    .kazcs-topbar__login-btn:hover[b-fov65jd33o] {
        background: rgba(255,255,255,0.12);
        color: white;
        transform: translateY(-1px);
    }


/* ---------- AVATAR ---------- */

.kazcs-topbar__avatar-btn[b-fov65jd33o] {
    border: none;
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}


.kazcs-topbar__avatar[b-fov65jd33o] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.20);
    box-shadow: 0 10px 18px rgba(20, 18, 30, 0.12), 0 0 0 4px rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.10);
}


    .kazcs-topbar__avatar[b-fov65jd33o]  img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/* ---------- DROPDOWN ---------- */

.kazcs-topbar__dropdown[b-fov65jd33o] {
    border: none;
    border-radius: 18px;
    padding: 10px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 22px 42px rgba(20, 18, 30, 0.16);
    min-width: 220px;
}


.kazcs-topbar__dropdown-user[b-fov65jd33o] {
    padding: 6px 10px 10px;
}


.kazcs-topbar__dropdown-name[b-fov65jd33o] {
    font-size: 14px;
    font-weight: 800;
    color: #18181b;
}


/* ---------- BURGER ---------- */

.kazcs-topbar__burger[b-fov65jd33o] {
    width: 46px;
    height: 46px;
    border: 1.5px solid rgba(255,255,255,0.22);
    border-radius: 16px;
    background: rgba(255,255,255,0.08);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
}


    .kazcs-topbar__burger span[b-fov65jd33o] {
        width: 18px;
        height: 2px;
        border-radius: 999px;
        background: white;
        display: block;
    }


/* ---------- MOBILE PANEL ---------- */

.kazcs-topbar__mobile-panel[b-fov65jd33o] {
    padding: 0 16px 16px;
    background: linear-gradient( 135deg, rgba(63, 47, 146, 0.98), rgba(73, 51, 170, 0.98) );
    border-top: 1px solid rgba(255,255,255,0.08);
}


.kazcs-topbar__mobile-links[b-fov65jd33o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px;
}


    /* NavLink mobile */

    .kazcs-topbar__mobile-links[b-fov65jd33o]  .kazcs-topbar__mobile-link {
        min-height: 48px;
        padding: 0 14px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: rgba(255,255,255,0.92);
        font-size: 15px;
        font-weight: 700;
        background: rgba(255,255,255,0.06);
    }


        .kazcs-topbar__mobile-links[b-fov65jd33o]  .kazcs-topbar__mobile-link.active {
            background: rgba(255,255,255,0.14);
            color: white;
        }


/* ---------- MOBILE BOTTOM ---------- */

.kazcs-topbar__mobile-bottom[b-fov65jd33o] {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.kazcs-topbar__mobile-profile[b-fov65jd33o] {
    min-height: 46px;
    padding: 0 14px;
    border-radius: 16px;
    background: rgba(255,255,255,0.08);
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
}


/* ---------- RESPONSIVE ---------- */

.desktop-only[b-fov65jd33o] {
    display: flex;
}

.mobile-only[b-fov65jd33o] {
    display: none;
}


@media (max-width: 1100px) {

    .kazcs-topbar__inner[b-fov65jd33o] {
        grid-template-columns: auto 1fr auto;
    }

    .desktop-only[b-fov65jd33o] {
        display: none !important;
    }

    .mobile-only[b-fov65jd33o] {
        display: flex;
    }

    .kazcs-topbar__brand-logo[b-fov65jd33o] {
        height: 40px;
    }
}

@media (max-width: 768px) {
    .kazcs-topbar__mobile-panel.mobile-only[b-fov65jd33o]{
        flex-direction:column;
    }
}


    @media (max-width: 640px) {

        .kazcs-topbar__inner[b-fov65jd33o] {
            padding: 12px 14px;
            gap: 12px;
            justify-items: self-end;
        }

        .kazcs-topbar__brand-logo[b-fov65jd33o] {
            height: 34px;
        }
    }
/* /Components/Modals/ConferenceParticipationDialog.razor.rz.scp.css */
.kazcs-modal-overlay[b-wvlv35enqd] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    background: rgba(20, 18, 30, 0.38);
    backdrop-filter: blur(8px);
}

.kazcs-modal[b-wvlv35enqd] {
    position: relative;
    width: 100%;
    max-width: 1080px;
    border-radius: 32px;
    overflow: hidden;
    background: var(--card-right);
    box-shadow: 0 30px 80px rgba(22, 20, 40, 0.25);
    animation: kazcsModalIn-b-wvlv35enqd 0.22s ease;
}

.kazcs-modal-content[b-wvlv35enqd] {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    min-height: 620px;
}

.kazcs-modal-left[b-wvlv35enqd] {
    background: var(--card-right);
    padding: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kazcs-modal-right[b-wvlv35enqd] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    padding: 52px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.kazcs-modal-close[b-wvlv35enqd] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    color: #3b3560;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(20, 18, 30, 0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .kazcs-modal-close:hover[b-wvlv35enqd] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(20, 18, 30, 0.14);
    }

.brand[b-wvlv35enqd] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.brand-dark[b-wvlv35enqd] {
    color: var(--brand-2);
    margin-bottom: 20px;
}

.kazcs-modal-left h2[b-wvlv35enqd] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
}

.kazcs-modal-right h3[b-wvlv35enqd] {
    margin: 0;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 700;
}

.title-line[b-wvlv35enqd] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-wvlv35enqd] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 14px 0 0 0;
    }

.modal-subtitle[b-wvlv35enqd] {
    margin: 16px 0 28px;
    font-size: 14px;
    line-height: 1.8;
    color: var(--text-muted);
    max-width: 520px;
}

.conference-info-card[b-wvlv35enqd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 22px;
    border-radius: 20px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.14);
}

.conference-info-row[b-wvlv35enqd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

.conference-label[b-wvlv35enqd] {
    font-size: 13px;
    font-weight: 600;
    color: #7a719f;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 110px;
}

.conference-value[b-wvlv35enqd] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
    text-align: right;
}

.agreement-block[b-wvlv35enqd] {
    margin-top: 22px;
}

.agreement-label[b-wvlv35enqd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #4c4c5c;
    line-height: 1.6;
    cursor: pointer;
}

    .agreement-label input[type="checkbox"][b-wvlv35enqd] {
        margin-top: 2px;
        accent-color: var(--brand-2);
    }

.dialog-error[b-wvlv35enqd] {
    margin-top: 18px;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(217, 83, 79, 0.08);
    border: 1px solid rgba(217, 83, 79, 0.16);
    color: #c44844;
    font-size: 13px;
    line-height: 1.5;
}

.modal-actions[b-wvlv35enqd] {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.primary-btn[b-wvlv35enqd] {
    height: 48px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
    padding: 0 26px;
}

    .primary-btn:hover:not(:disabled)[b-wvlv35enqd] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
    }

    .primary-btn:disabled[b-wvlv35enqd],
    .secondary-btn-light:disabled[b-wvlv35enqd] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.secondary-btn-light[b-wvlv35enqd] {
    height: 48px;
    padding: 0 24px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: transparent;
    color: var(--brand-2);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s ease;
}

    .secondary-btn-light:hover:not(:disabled)[b-wvlv35enqd] {
        background: rgba(138, 116, 201, 0.08);
    }

.right-content[b-wvlv35enqd] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.kazcs-modal-right p[b-wvlv35enqd] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.right-features[b-wvlv35enqd] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-item[b-wvlv35enqd] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,0.84);
    font-size: 14px;
}

.feature-dot[b-wvlv35enqd] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-3), var(--brand-4));
    box-shadow: 0 0 0 5px rgba(138, 116, 201, 0.14);
    flex-shrink: 0;
}

.right-gradient[b-wvlv35enqd] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.right-gradient-1[b-wvlv35enqd] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-wvlv35enqd 10s ease-in-out infinite;
}

.right-gradient-2[b-wvlv35enqd] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-wvlv35enqd 12s ease-in-out infinite;
}

.shape[b-wvlv35enqd] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-wvlv35enqd] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-wvlv35enqd] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-wvlv35enqd] {
    top: 22px;
    left: 20px;
    animation: float1-b-wvlv35enqd 7s ease-in-out infinite;
}

.shape-2[b-wvlv35enqd] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-wvlv35enqd 8s ease-in-out infinite;
}

.shape-3[b-wvlv35enqd] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-wvlv35enqd 9s ease-in-out infinite;
}

.shape-4[b-wvlv35enqd] {
    right: -42px;
    top: 48%;
    animation: float4-b-wvlv35enqd 8.5s ease-in-out infinite;
}

.shape-5[b-wvlv35enqd] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-wvlv35enqd 10s ease-in-out infinite;
}

@keyframes float1-b-wvlv35enqd {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-wvlv35enqd {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-wvlv35enqd {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-wvlv35enqd {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-wvlv35enqd {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-wvlv35enqd {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-wvlv35enqd {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

@keyframes kazcsModalIn-b-wvlv35enqd {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 980px) {
    .kazcs-modal-content[b-wvlv35enqd] {
        grid-template-columns: 1fr;
    }

    .kazcs-modal-left[b-wvlv35enqd],
    .kazcs-modal-right[b-wvlv35enqd] {
        padding: 40px 28px;
    }

        .kazcs-modal-left h2[b-wvlv35enqd],
        .kazcs-modal-right h3[b-wvlv35enqd] {
            font-size: 32px;
        }

    .right-content[b-wvlv35enqd] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .kazcs-modal-overlay[b-wvlv35enqd] {
        padding: 16px;
    }

    .kazcs-modal[b-wvlv35enqd] {
        border-radius: 24px;
    }

    .kazcs-modal-left[b-wvlv35enqd],
    .kazcs-modal-right[b-wvlv35enqd] {
        padding: 28px 20px;
    }

        .kazcs-modal-left h2[b-wvlv35enqd],
        .kazcs-modal-right h3[b-wvlv35enqd] {
            font-size: 28px;
        }

    .conference-info-row[b-wvlv35enqd] {
        flex-direction: column;
        gap: 4px;
    }

    .conference-value[b-wvlv35enqd] {
        text-align: left;
    }

    .modal-actions[b-wvlv35enqd] {
        flex-direction: column-reverse;
    }

    .primary-btn[b-wvlv35enqd],
    .secondary-btn-light[b-wvlv35enqd] {
        width: 100%;
    }
}
/* /Components/Modals/OrganizerInfoModalNew.razor.rz.scp.css */
:root[b-ok1oltbmdr] {
    --bg-page: #eeeeef;
    --card-right: #fbfbfc;
    --text-dark: #18181b;
    --text-muted: #8d8d98;
    --line: #d7d7df;
    --danger: #d9534f;
    --brand-1: #3f2f92;
    --brand-2: #4933aa;
    --brand-3: #8a74c9;
    --brand-4: #aaa0db;
    --shadow: 0 24px 60px rgba(36, 30, 70, 0.10);
}

/* DIALOG */

.organizer-modal-dialog .modal-dialog[b-ok1oltbmdr] {
    max-width: 1180px;
}

.organizer-modal-dialog .modal-content[b-ok1oltbmdr] {
    position: relative;
    border: none;
    border-radius: 32px;
    overflow: hidden;
    background: var(--card-right);
    box-shadow: 0 30px 80px rgba(22, 20, 40, 0.25);
}

.kazcs-modal-close[b-ok1oltbmdr] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    color: #3b3560;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(20, 18, 30, 0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .kazcs-modal-close:hover[b-ok1oltbmdr] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(20, 18, 30, 0.14);
    }

/* LAYOUT */

.organizer-modal-content[b-ok1oltbmdr] {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    min-height: 760px;
}

.organizer-modal-left[b-ok1oltbmdr] {
    background: var(--card-right);
    padding: 52px;
    overflow-y: auto;
}

.organizer-modal-right[b-ok1oltbmdr] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    padding: 52px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* COMMON */

.brand[b-ok1oltbmdr] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.brand-dark[b-ok1oltbmdr] {
    color: var(--brand-2);
    margin-bottom: 20px;
}

.title-line[b-ok1oltbmdr] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

/* LEFT */

.organizer-header[b-ok1oltbmdr] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 30px;
}

.organizer-photo-wrap[b-ok1oltbmdr] {
    flex-shrink: 0;
    width: 132px;
    height: 132px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 16px 28px rgba(20, 18, 30, 0.12);
    border: 2px solid rgba(138, 116, 201, 0.18);
    background: white;
}

[b-ok1oltbmdr] .organizer-photo-wrap img,
[b-ok1oltbmdr] .right-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.organizer-header-text[b-ok1oltbmdr] {
    min-width: 0;
}

.section-kicker[b-ok1oltbmdr] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 12px;
}

.organizer-name[b-ok1oltbmdr] {
    margin: 0;
    font-size: 40px;
    line-height: 1.12;
    font-weight: 700;
    color: var(--text-dark);
    word-break: break-word;
}

.organizer-section[b-ok1oltbmdr] {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid rgba(73, 51, 170, 0.12);
}

.section-body[b-ok1oltbmdr] {
    color: #2d2d38;
    font-size: 15px;
    line-height: 1.85;
    white-space: pre-line;
    word-break: break-word;
}

/* RIGHT */

.right-content[b-ok1oltbmdr] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.right-photo-wrap[b-ok1oltbmdr] {
    width: 168px;
    height: 168px;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
    background: white;
    margin-bottom: 24px;
    border: 2px solid rgba(255,255,255,0.14);
}

.organizer-modal-right h3[b-ok1oltbmdr] {
    margin: 0;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    word-break: break-word;
    color:var(--white);
}

.organizer-modal-right p[b-ok1oltbmdr] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.right-features[b-ok1oltbmdr] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-item[b-ok1oltbmdr] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,0.84);
    font-size: 14px;
}

.feature-dot[b-ok1oltbmdr] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-3), var(--brand-4));
    box-shadow: 0 0 0 5px rgba(138, 116, 201, 0.14);
    flex-shrink: 0;
}

.section-body-scroll[b-ok1oltbmdr] {
    max-height: 280px;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: rgba(138, 116, 201, 0.45) transparent;
}

    /* Chrome / Edge / Safari */
    .section-body-scroll[b-ok1oltbmdr]::-webkit-scrollbar {
        width: 8px;
    }

    .section-body-scroll[b-ok1oltbmdr]::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 999px;
    }

    .section-body-scroll[b-ok1oltbmdr]::-webkit-scrollbar-thumb {
        background: rgba(138, 116, 201, 0.35);
        border-radius: 999px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }

        .section-body-scroll[b-ok1oltbmdr]::-webkit-scrollbar-thumb:hover {
            background: rgba(138, 116, 201, 0.55);
            background-clip: padding-box;
        }

/* DECOR */

.right-gradient[b-ok1oltbmdr] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.right-gradient-1[b-ok1oltbmdr] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-ok1oltbmdr 10s ease-in-out infinite;
}

.right-gradient-2[b-ok1oltbmdr] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-ok1oltbmdr 12s ease-in-out infinite;
}

.shape[b-ok1oltbmdr] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-ok1oltbmdr] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-ok1oltbmdr] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-ok1oltbmdr] {
    top: 22px;
    left: 20px;
    animation: float1-b-ok1oltbmdr 7s ease-in-out infinite;
}

.shape-2[b-ok1oltbmdr] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-ok1oltbmdr 8s ease-in-out infinite;
}

.shape-3[b-ok1oltbmdr] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-ok1oltbmdr 9s ease-in-out infinite;
}

.shape-4[b-ok1oltbmdr] {
    right: -42px;
    top: 48%;
    animation: float4-b-ok1oltbmdr 8.5s ease-in-out infinite;
}

.shape-5[b-ok1oltbmdr] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-ok1oltbmdr 10s ease-in-out infinite;
}

.role-badge[b-ok1oltbmdr] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(170, 160, 219, 0.24);
    color: rgba(255,255,255,0.9);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* ANIMATIONS */
@keyframes float1-b-ok1oltbmdr {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-ok1oltbmdr {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-ok1oltbmdr {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-ok1oltbmdr {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-ok1oltbmdr {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-ok1oltbmdr {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-ok1oltbmdr {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

/* RESPONSIVE */

@media (max-width: 980px) {
    .organizer-modal-dialog .modal-dialog[b-ok1oltbmdr] {
        max-width: 760px;
    }

    .organizer-modal-content[b-ok1oltbmdr] {
        grid-template-columns: 1fr;
    }

    .organizer-modal-left[b-ok1oltbmdr],
    .organizer-modal-right[b-ok1oltbmdr] {
        padding: 40px 28px;
    }

        .organizer-name[b-ok1oltbmdr],
        .organizer-modal-right h3[b-ok1oltbmdr] {
            font-size: 32px;
        }

    .right-content[b-ok1oltbmdr] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .organizer-header[b-ok1oltbmdr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .organizer-photo-wrap[b-ok1oltbmdr] {
        width: 110px;
        height: 110px;
        border-radius: 24px;
    }

    .right-photo-wrap[b-ok1oltbmdr] {
        width: 132px;
        height: 132px;
        border-radius: 24px;
    }

    .organizer-name[b-ok1oltbmdr],
    .organizer-modal-right h3[b-ok1oltbmdr] {
        font-size: 28px;
    }
}

@media (max-width: 540px) {
    .organizer-modal-dialog .modal-dialog[b-ok1oltbmdr] {
        margin: 16px;
    }

    .organizer-modal-dialog .modal-content[b-ok1oltbmdr] {
        border-radius: 24px;
    }

    .organizer-modal-left[b-ok1oltbmdr],
    .organizer-modal-right[b-ok1oltbmdr] {
        padding: 28px 20px;
    }

    .kazcs-modal-close[b-ok1oltbmdr] {
        top: 14px;
        right: 14px;
        width: 38px;
        height: 38px;
    }

    .section-body[b-ok1oltbmdr] {
        font-size: 14px;
        line-height: 1.75;
    }
}
/* /Components/Modals/SpeakerInfoModalNew.razor.rz.scp.css */
:root[b-70jga99y76] {
    --bg-page: #eeeeef;
    --card-right: #fbfbfc;
    --text-dark: #18181b;
    --text-muted: #8d8d98;
    --line: #d7d7df;
    --danger: #d9534f;
    --brand-1: #3f2f92;
    --brand-2: #4933aa;
    --brand-3: #8a74c9;
    --brand-4: #aaa0db;
    --shadow: 0 24px 60px rgba(36, 30, 70, 0.10);
}

/* DIALOG */

.speaker-modal-dialog .modal-dialog[b-70jga99y76] {
    max-width: 1180px;
}

.speaker-modal-dialog .modal-content[b-70jga99y76] {
    position: relative;
    border: none;
    border-radius: 32px;
    overflow: hidden;
    background: var(--card-right);
    box-shadow: 0 30px 80px rgba(22, 20, 40, 0.25);
}

.kazcs-modal-close[b-70jga99y76] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    color: #3b3560;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(20, 18, 30, 0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .kazcs-modal-close:hover[b-70jga99y76] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(20, 18, 30, 0.14);
    }

/* LAYOUT */

.speaker-modal-content[b-70jga99y76] {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    min-height: 760px;
}

.speaker-modal-left[b-70jga99y76] {
    background: var(--card-right);
    padding: 52px;
    overflow-y: auto;
}

.speaker-modal-right[b-70jga99y76] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    padding: 52px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* COMMON */

.brand[b-70jga99y76] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.brand-dark[b-70jga99y76] {
    color: var(--brand-2);
    margin-bottom: 20px;
}

.title-line[b-70jga99y76] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

.section-kicker[b-70jga99y76] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 12px;
}

/* LEFT */

.speaker-header[b-70jga99y76] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 30px;
}

.speaker-photo-wrap[b-70jga99y76] {
    flex-shrink: 0;
    width: 132px;
    height: 132px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 16px 28px rgba(20, 18, 30, 0.12);
    border: 2px solid rgba(138, 116, 201, 0.18);
    background: white;
}

    .speaker-photo-wrap img[b-70jga99y76] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.speaker-header-text[b-70jga99y76] {
    min-width: 0;
}

.speaker-name[b-70jga99y76] {
    margin: 0;
    font-size: 40px;
    line-height: 1.12;
    font-weight: 700;
    color: var(--text-dark);
    word-break: break-word;
}

.speaker-section[b-70jga99y76] {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid rgba(73, 51, 170, 0.12);
}

.section-body[b-70jga99y76] {
    color: #2d2d38;
    font-size: 15px;
    line-height: 1.85;
    white-space: pre-line;
    word-break: break-word;
}

/* SPEECHES */

.speaker-sessions[b-70jga99y76] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.speaker-session-card[b-70jga99y76] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: start;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.14);
}

.speaker-session-index[b-70jga99y76] {
    font-size: 15px;
    font-weight: 700;
    color: var(--brand-2);
    min-width: 24px;
}

.speaker-session-main[b-70jga99y76] {
    min-width: 0;
}

.speaker-session-title[b-70jga99y76] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-dark);
    line-height: 1.5;
}

.speaker-session-meta[b-70jga99y76] {
    margin-top: 6px;
    font-size: 13px;
    color: #7a719f;
    line-height: 1.5;
}

.speaker-session-time[b-70jga99y76] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-dark);
    white-space: nowrap;
    text-align: right;
}

.section-empty[b-70jga99y76] {
    font-size: 14px;
    color: var(--text-muted);
    padding: 6px 0;
}

/* RIGHT */

.right-content[b-70jga99y76] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.role-badge[b-70jga99y76] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(170, 160, 219, 0.24);
    color: rgba(255,255,255,0.9);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.speaker-modal-right h3[b-70jga99y76] {
    margin: 0;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 700;
    word-break: break-word;
    color: var(--white);
}

.speaker-modal-right p[b-70jga99y76] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

/* DECOR */

.right-gradient[b-70jga99y76] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.right-gradient-1[b-70jga99y76] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-70jga99y76 10s ease-in-out infinite;
}

.right-gradient-2[b-70jga99y76] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-70jga99y76 12s ease-in-out infinite;
}

.shape[b-70jga99y76] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-70jga99y76] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-70jga99y76] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-70jga99y76] {
    top: 22px;
    left: 20px;
    animation: float1-b-70jga99y76 7s ease-in-out infinite;
}

.shape-2[b-70jga99y76] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-70jga99y76 8s ease-in-out infinite;
}

.shape-3[b-70jga99y76] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-70jga99y76 9s ease-in-out infinite;
}

.shape-4[b-70jga99y76] {
    right: -42px;
    top: 48%;
    animation: float4-b-70jga99y76 8.5s ease-in-out infinite;
}

.shape-5[b-70jga99y76] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-70jga99y76 10s ease-in-out infinite;
}

.section-body-scroll[b-70jga99y76] {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: rgba(138, 116, 201, 0.45) transparent;
}

    /* Chrome / Edge / Safari */
    .section-body-scroll[b-70jga99y76]::-webkit-scrollbar {
        width: 8px;
    }

    .section-body-scroll[b-70jga99y76]::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 999px;
    }

    .section-body-scroll[b-70jga99y76]::-webkit-scrollbar-thumb {
        background: rgba(138, 116, 201, 0.35);
        border-radius: 999px;
        border: 2px solid transparent;
        background-clip: padding-box;
    }

        .section-body-scroll[b-70jga99y76]::-webkit-scrollbar-thumb:hover {
            background: rgba(138, 116, 201, 0.55);
            background-clip: padding-box;
        }

/* ANIMATIONS */

@keyframes float1-b-70jga99y76 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-70jga99y76 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-70jga99y76 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-70jga99y76 {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-70jga99y76 {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-70jga99y76 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-70jga99y76 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

/* EMPTY */

.speaker-modal-empty[b-70jga99y76] {
    padding: 40px;
    font-size: 16px;
    color: var(--text-muted);
}

/* RESPONSIVE */

@media (max-width: 980px) {
    .speaker-modal-dialog .modal-dialog[b-70jga99y76] {
        max-width: 760px;
    }

    .speaker-modal-content[b-70jga99y76] {
        grid-template-columns: 1fr;
    }

    .speaker-modal-left[b-70jga99y76],
    .speaker-modal-right[b-70jga99y76] {
        padding: 40px 28px;
    }

        .speaker-name[b-70jga99y76],
        .speaker-modal-right h3[b-70jga99y76] {
            font-size: 32px;
        }

    .right-content[b-70jga99y76] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .speaker-header[b-70jga99y76] {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .speaker-photo-wrap[b-70jga99y76] {
        width: 110px;
        height: 110px;
        border-radius: 24px;
    }

    .speaker-name[b-70jga99y76],
    .speaker-modal-right h3[b-70jga99y76] {
        font-size: 28px;
    }

    .speaker-session-card[b-70jga99y76] {
        grid-template-columns: 1fr;
    }

    .speaker-session-time[b-70jga99y76] {
        text-align: left;
        white-space: normal;
    }
}

@media (max-width: 540px) {
    .speaker-modal-dialog .modal-dialog[b-70jga99y76] {
        margin: 16px;
    }

    .speaker-modal-dialog .modal-content[b-70jga99y76] {
        border-radius: 24px;
    }

    .speaker-modal-left[b-70jga99y76],
    .speaker-modal-right[b-70jga99y76] {
        padding: 28px 20px;
    }

    .kazcs-modal-close[b-70jga99y76] {
        top: 14px;
        right: 14px;
        width: 38px;
        height: 38px;
    }

    .section-body[b-70jga99y76] {
        font-size: 14px;
        line-height: 1.75;
    }
}
/* /Components/Pages/Archive/ArchiveEvents.razor.rz.scp.css */
.archive-page-shell[b-g2f8pernbq] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    padding: 34px 30px 30px;
}

.archive-year-section + .archive-year-section[b-g2f8pernbq] {
    margin-top: 42px;
}

.archive-year-header[b-g2f8pernbq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.archive-year-badge[b-g2f8pernbq] {
    min-height: 54px;
    padding: 0 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #7b63d6, #5d48bb);
    color: white;
    font-size: 24px;
    font-weight: 800;
    box-shadow: 0 16px 28px rgba(73, 51, 170, 0.20);
}

.archive-year-count[b-g2f8pernbq] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.archive-timeline[b-g2f8pernbq] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.archive-event-item[b-g2f8pernbq] {
    position: relative;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 18px;
    align-items: start;
}

.archive-event-item__line[b-g2f8pernbq] {
    position: relative;
    min-height: 100%;
    display: flex;
    justify-content: center;
}

    .archive-event-item__line[b-g2f8pernbq]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: -22px;
        width: 2px;
        background: linear-gradient( 180deg, rgba(123, 99, 214, 0.28), rgba(170, 160, 219, 0.14) );
        border-radius: 999px;
    }

.archive-event-item:last-child .archive-event-item__line[b-g2f8pernbq]::before {
    bottom: 0;
}

.archive-event-item__dot[b-g2f8pernbq] {
    position: relative;
    z-index: 1;
    margin-top: 24px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7b63d6, #5d48bb);
    box-shadow: 0 0 0 6px rgba(123, 99, 214, 0.08), 0 10px 18px rgba(73, 51, 170, 0.18);
}

.archive-event-card[b-g2f8pernbq] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 20px;
    text-decoration: none;
    color: inherit;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 8px 14px rgba(36, 30, 70, 0.03);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

    .archive-event-card:hover[b-g2f8pernbq] {
        transform: translateY(-3px);
        border-color: rgba(138, 116, 201, 0.16);
        box-shadow: 0 24px 42px rgba(36, 30, 70, 0.10), 0 10px 18px rgba(36, 30, 70, 0.04);
    }

.archive-event-card__image-wrap[b-g2f8pernbq] {
    position: relative;
    min-height: 220px;
    background: rgba(138, 116, 201, 0.05);
    overflow: hidden;
}

.archive-event-card__image[b-g2f8pernbq] {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.26s ease;
}

.archive-event-card:hover .archive-event-card__image[b-g2f8pernbq] {
    transform: scale(1.03);
}

.archive-event-card__date-pill[b-g2f8pernbq] {
    position: absolute;
    left: 16px;
    top: 16px;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(138, 116, 201, 0.10);
    color: #2b2d3a;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(36, 30, 70, 0.08);
    backdrop-filter: blur(8px);
}

.archive-event-card__body[b-g2f8pernbq] {
    padding: 20px 20px 18px 0;
    display: flex;
    flex-direction: column;
}

.archive-event-card__eyebrow[b-g2f8pernbq] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 10px;
}

.archive-event-card__title[b-g2f8pernbq] {
    margin: 0 0 12px 0;
    font-size: 24px;
    line-height: 1.22;
    font-weight: 800;
    color: #18181b;
}

.archive-event-card__location[b-g2f8pernbq] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    line-height: 1.65;
    color: #66687a;
    margin-bottom: 14px;
}

    .archive-event-card__location i[b-g2f8pernbq] {
        font-size: 16px;
        line-height: 1;
        margin-top: 4px;
        color: #8c85b6;
        flex-shrink: 0;
    }

.archive-event-card__text[b-g2f8pernbq] {
    font-size: 14px;
    line-height: 1.75;
    color: #5f6275;
    margin-bottom: 16px;
}

.archive-event-card__footer[b-g2f8pernbq] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

.archive-event-card__action[b-g2f8pernbq] {
    font-size: 14px;
    font-weight: 700;
    color: #6d58c4;
}

.archive-event-card__arrow[b-g2f8pernbq] {
    font-size: 20px;
    line-height: 1;
    color: #6d58c4;
    transition: transform 0.18s ease;
}

.archive-event-card:hover .archive-event-card__arrow[b-g2f8pernbq] {
    transform: translateX(2px);
}

.archive-empty-state[b-g2f8pernbq] {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
}

.archive-empty-state__icon[b-g2f8pernbq] {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 16px;
}

.archive-empty-state h3[b-g2f8pernbq] {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: 800;
    color: #18181b;
}

.archive-empty-state p[b-g2f8pernbq] {
    margin: 0;
    font-size: 15px;
    color: #5f6275;
}

@media (max-width: 900px) {
    .archive-event-card[b-g2f8pernbq] {
        grid-template-columns: 1fr;
    }

    .archive-event-card__body[b-g2f8pernbq] {
        padding: 16px;
    }

    .archive-event-card__image[b-g2f8pernbq],
    .archive-event-card__image-wrap[b-g2f8pernbq] {
        min-height: 220px;
    }
}

@media (max-width: 700px) {
    .archive-page-shell[b-g2f8pernbq] {
        padding: 22px 14px 18px;
        border-radius: 24px;
    }

    .archive-event-item[b-g2f8pernbq] {
        grid-template-columns: 26px 1fr;
        gap: 10px;
    }

    .archive-event-item__dot[b-g2f8pernbq] {
        width: 12px;
        height: 12px;
        margin-top: 18px;
    }

    .archive-year-badge[b-g2f8pernbq] {
        min-height: 46px;
        padding: 0 16px;
        font-size: 20px;
    }

    .archive-event-card[b-g2f8pernbq] {
        border-radius: 22px;
    }

    .archive-event-card__title[b-g2f8pernbq] {
        font-size: 20px;
    }

    .archive-event-card__text[b-g2f8pernbq] {
        font-size: 13px;
    }
}
/* /Components/Pages/Event/JoinConfirm.razor.rz.scp.css */

/* PAGE LAYOUT */

.join-page[b-1pmemo67pn] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;   
    padding: 32px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.join-card[b-1pmemo67pn] {
    width: 100%;
    max-width: 1240px;
    min-height: 760px;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    background: var(--card-right);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

/* LEFT */

.join-left[b-1pmemo67pn] {
    position: relative;
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
}

.form-wrapper[b-1pmemo67pn] {
    width: 100%;
    max-width: 560px;
}

.brand[b-1pmemo67pn] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.brand-dark[b-1pmemo67pn] {
    color: var(--brand-2);
    margin-bottom: 20px;
}

.join-left h2[b-1pmemo67pn] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
    text-align: left;
}

.title-line[b-1pmemo67pn] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-1pmemo67pn] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 14px 0 0 0;
    }

.modal-subtitle[b-1pmemo67pn] {
    margin: 16px 0 28px;
    font-size: 14px;
    line-height: 1.8;
    color: var(--text-muted);
    max-width: 520px;
}

.conference-info-card[b-1pmemo67pn] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 22px;
    border-radius: 20px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.14);
}

.conference-info-row[b-1pmemo67pn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

.conference-label[b-1pmemo67pn] {
    font-size: 13px;
    font-weight: 600;
    color: #7a719f;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 110px;
}

.conference-value[b-1pmemo67pn] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
    text-align: right;
}

.dialog-error[b-1pmemo67pn] {
    margin-top: 18px;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(217, 83, 79, 0.08);
    border: 1px solid rgba(217, 83, 79, 0.16);
    color: #c44844;
    font-size: 13px;
    line-height: 1.5;
}

.dialog-success[b-1pmemo67pn] {
    margin-top: 18px;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(73, 51, 170, 0.08);
    border: 1px solid rgba(73, 51, 170, 0.16);
    color: #4933aa;
    font-size: 13px;
    line-height: 1.5;
}

.modal-actions[b-1pmemo67pn] {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.primary-btn[b-1pmemo67pn] {
    height: 48px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
    padding: 0 26px;
}

    .primary-btn:hover:not(:disabled)[b-1pmemo67pn] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
    }

    .primary-btn:disabled[b-1pmemo67pn],
    .secondary-btn-light:disabled[b-1pmemo67pn] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.secondary-btn-light[b-1pmemo67pn] {
    height: 48px;
    padding: 0 24px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: transparent;
    color: var(--brand-2);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s ease;
}

    .secondary-btn-light:hover:not(:disabled)[b-1pmemo67pn] {
        background: rgba(138, 116, 201, 0.08);
    }

/* QR */

.kazcs-qr-code-shell[b-1pmemo67pn] {
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

.kazcs-qr-code-box[b-1pmemo67pn] {
    background: white;
    border-radius: 24px;
    padding: 14px;
    box-shadow: 0 12px 28px rgba(30, 24, 60, 0.10);
}

.kazcs-qr-code-host[b-1pmemo67pn] {
    width: 260px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-1pmemo67pn] .kazcs-qr-code-host svg,
[b-1pmemo67pn] .kazcs-qr-code-host canvas {
    width: 260px !important;
    height: 260px !important;
    display: block;
}

/* RIGHT */

.join-right[b-1pmemo67pn] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    display: flex;
    align-items: center;
    padding: 58px;
    overflow: hidden;
}

.right-content[b-1pmemo67pn] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.join-right h3[b-1pmemo67pn] {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--white);
}

.join-right p[b-1pmemo67pn] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.event-banner[b-1pmemo67pn] {
    width: 100%;
    max-width: 360px;
    border-radius: 22px;
    margin-bottom: 20px;
    display: block;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
}

.right-features[b-1pmemo67pn] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-item[b-1pmemo67pn] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,0.84);
    font-size: 14px;
}

.feature-dot[b-1pmemo67pn] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-3), var(--brand-4));
    box-shadow: 0 0 0 5px rgba(138, 116, 201, 0.14);
    flex-shrink: 0;
}

/* DECOR */

.right-gradient[b-1pmemo67pn] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.right-gradient-1[b-1pmemo67pn] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-1pmemo67pn 10s ease-in-out infinite;
}

.right-gradient-2[b-1pmemo67pn] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-1pmemo67pn 12s ease-in-out infinite;
}

.shape[b-1pmemo67pn] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-1pmemo67pn] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-1pmemo67pn] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-1pmemo67pn] {
    top: 22px;
    left: 20px;
    animation: float1-b-1pmemo67pn 7s ease-in-out infinite;
}

.shape-2[b-1pmemo67pn] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-1pmemo67pn 8s ease-in-out infinite;
}

.shape-3[b-1pmemo67pn] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-1pmemo67pn 9s ease-in-out infinite;
}

.shape-4[b-1pmemo67pn] {
    right: -42px;
    top: 48%;
    animation: float4-b-1pmemo67pn 8.5s ease-in-out infinite;
}

.shape-5[b-1pmemo67pn] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-1pmemo67pn 10s ease-in-out infinite;
}

.secondary-btn[b-1pmemo67pn] {
    margin-top: 34px;
    padding: 14px 30px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: rgba(255, 255, 255, 0.03);
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    backdrop-filter: blur(4px);
}

    .secondary-btn:hover[b-1pmemo67pn] {
        background: rgba(138, 116, 201, 0.12);
        border-color: rgba(170, 160, 219, 1);
        transform: translateY(-1px);
    }

.join-left-topbar[b-1pmemo67pn] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    z-index: 5;
}

.current-user-card[b-1pmemo67pn] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px 14px;
    border-radius: 18px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
    box-shadow: 0 8px 20px rgba(73, 51, 170, 0.05);
}

.current-user-avatar-wrap[b-1pmemo67pn] {
    flex-shrink: 0;
}

.current-user-avatar[b-1pmemo67pn] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 2px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 12px rgba(20, 18, 30, 0.10);
}

.current-user-avatar-placeholder[b-1pmemo67pn] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand-2), var(--brand-3));
    color: white;
    font-size: 16px;
    font-weight: 700;
}

.current-user-info[b-1pmemo67pn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.current-user-label[b-1pmemo67pn] {
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a719f;
}

.current-user-name[b-1pmemo67pn] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--text-dark);
}



.form-wrapper[b-1pmemo67pn] {
    width: 100%;
    max-width: 560px;
    margin-top: 54px;
}

@media (max-width: 980px) {
    .join-left-topbar[b-1pmemo67pn] {
        position: static;
        margin-bottom: 22px;
        flex-direction: column;
        align-items: stretch;
    }

    .current-user-card[b-1pmemo67pn],
    .language-switcher[b-1pmemo67pn] {
        width: fit-content;
        max-width: 100%;
    }

    .form-wrapper[b-1pmemo67pn] {
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .join-left-topbar[b-1pmemo67pn] {
        gap: 12px;
        flex-direction:row;
    }

    .current-user-card[b-1pmemo67pn] {
        width: 100%;
    }

    .current-user-name[b-1pmemo67pn] {
        max-width: none;
        white-space: normal;
    }

    .language-switcher[b-1pmemo67pn] {
        width: 100%;
        justify-content: space-between;
    }

    .language-btn[b-1pmemo67pn] {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* ANIMATIONS */

@keyframes float1-b-1pmemo67pn {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-1pmemo67pn {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-1pmemo67pn {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-1pmemo67pn {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-1pmemo67pn {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-1pmemo67pn {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-1pmemo67pn {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

/* HELPERS */

.mt-3[b-1pmemo67pn] {
    margin-top: 1rem;
}

.mt-4[b-1pmemo67pn] {
    margin-top: 1.5rem;
}

/* RESPONSIVE */

@media (max-width: 980px) {
    .join-card[b-1pmemo67pn] {
        grid-template-columns: 1fr;
        max-width: 760px;
    }

    .join-left[b-1pmemo67pn],
    .join-right[b-1pmemo67pn] {
        padding: 40px 28px;
    }

        .join-left h2[b-1pmemo67pn],
        .join-right h3[b-1pmemo67pn] {
            font-size: 32px;
        }

    .form-wrapper[b-1pmemo67pn],
    .right-content[b-1pmemo67pn] {
        max-width: none;
    }

    .event-banner[b-1pmemo67pn] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .conference-info-row[b-1pmemo67pn] {
        flex-direction: column;
        gap: 4px;
    }

    .conference-value[b-1pmemo67pn] {
        text-align: left;
    }

    .modal-actions[b-1pmemo67pn] {
        flex-direction: column;
    }

    .primary-btn[b-1pmemo67pn],
    .secondary-btn-light[b-1pmemo67pn] {
        width: 100%;
    }

    .kazcs-qr-code-host[b-1pmemo67pn] {
        width: 220px;
        height: 220px;
    }

    [b-1pmemo67pn] .kazcs-qr-code-host svg,
    [b-1pmemo67pn] .kazcs-qr-code-host canvas {
        width: 220px !important;
        height: 220px !important;
    }
}

@media (max-width: 540px) {
    .join-page[b-1pmemo67pn] {
        padding: 16px;
    }

    .join-card[b-1pmemo67pn] {
        border-radius: 24px;
        min-height: auto;
    }

    .join-left[b-1pmemo67pn],
    .join-right[b-1pmemo67pn] {
        padding: 28px 20px;
    }

        .join-left[b-1pmemo67pn] {
            flex-direction:column;
        }

        .join-left h2[b-1pmemo67pn],
        .join-right h3[b-1pmemo67pn] {
            font-size: 28px;
        }

    .kazcs-qr-code-box[b-1pmemo67pn] {
        padding: 10px;
        border-radius: 20px;
    }
}
/* /Components/Pages/Event/JoinEvent.razor.rz.scp.css */
.join-page[b-bknpax0f66] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.join-card[b-bknpax0f66] {
    width: 100%;
    max-width: 1240px;
    min-height: 760px;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    background: var(--card-right);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.join-left[b-bknpax0f66] {
    background: var(--card-right);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 56px;
    position:relative;
}

.form-wrapper[b-bknpax0f66] {
    width: 100%;
    max-width: 560px;
}

.join-right[b-bknpax0f66] {
    position: relative;
    background: linear-gradient(145deg, #171521 0%, #191627 30%, #1a1628 100%);
    color: white;
    display: flex;
    align-items: center;
    padding: 58px;
    overflow: hidden;
}

.brand[b-bknpax0f66] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 28px;
}

.brand-dark[b-bknpax0f66] {
    color: var(--brand-2);
    margin-bottom: 20px;
}

.join-left h2[b-bknpax0f66] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: var(--text-dark);
    text-align: left;
}

.join-right h3[b-bknpax0f66] {
    margin: 0;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--white);
}

.title-line[b-bknpax0f66] {
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-3), #ffffff);
    margin-top: 14px;
}

    .title-line.dark[b-bknpax0f66] {
        background: linear-gradient(90deg, var(--brand-2), var(--brand-4));
        margin: 14px 0 0 0;
    }

.form-subtitle[b-bknpax0f66] {
    margin: 16px 0 24px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-muted);
    max-width: 520px;
}

.conference-info-card[b-bknpax0f66] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 22px;
    border-radius: 20px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.14);
}

    .conference-info-card.compact[b-bknpax0f66] {
        margin-top: 8px;
    }

.conference-info-row[b-bknpax0f66] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

.conference-label[b-bknpax0f66] {
    font-size: 13px;
    font-weight: 600;
    color: #7a719f;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 110px;
}

.conference-value[b-bknpax0f66] {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
    text-align: right;
}

.join-form[b-bknpax0f66] {
    display: flex;
    flex-direction: column;
}

.profile-grid-two[b-bknpax0f66] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.auth-form-group[b-bknpax0f66] {
    margin-bottom: 22px;
    text-align: left;
}

.auth-label[b-bknpax0f66] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #55556a;
}

[b-bknpax0f66] input.auth-input {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--line);
    background: transparent;
    padding: 12px 0;
    font-size: 15px;
    color: var(--text-dark);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    border-radius: 0;
}

    [b-bknpax0f66] input.auth-input::placeholder {
        color: #a3a3af;
    }

    [b-bknpax0f66] input.auth-input:focus {
        border-bottom-color: var(--brand-2);
        box-shadow: inset 0 -1px 0 var(--brand-2);
    }

[b-bknpax0f66] .auth-validation {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--danger);
}

.profile-email-info[b-bknpax0f66] {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
    padding: 12px 16px;
    border-radius: 16px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
}

.profile-email-label[b-bknpax0f66] {
    font-size: 12px;
    font-weight: 600;
    color: #7a719f;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.profile-email-value[b-bknpax0f66] {
    font-size: 14px;
    font-weight: 700;
    color: var(--brand-2);
    word-break: break-word;
}

.step-block[b-bknpax0f66] {
    margin-top: 8px;
}

.step-title[b-bknpax0f66] {
    margin: 0 0 8px 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--text-dark);
}

.step-text[b-bknpax0f66] {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-muted);
}

.dialog-error[b-bknpax0f66] {
    margin-top: 18px;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(217, 83, 79, 0.08);
    border: 1px solid rgba(217, 83, 79, 0.16);
    color: #c44844;
    font-size: 13px;
    line-height: 1.5;
}

.modal-actions[b-bknpax0f66] {
    display: flex;
    gap: 12px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.primary-btn[b-bknpax0f66] {
    height: 48px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 10px 24px rgba(73, 51, 170, 0.24);
    padding: 0 26px;
}

    .primary-btn:hover:not(:disabled)[b-bknpax0f66] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.30);
    }

    .primary-btn:disabled[b-bknpax0f66],
    .secondary-btn-light:disabled[b-bknpax0f66],
    .google-btn:disabled[b-bknpax0f66] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.secondary-btn-light[b-bknpax0f66] {
    height: 48px;
    padding: 0 24px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: transparent;
    color: var(--brand-2);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s ease;
}

    .secondary-btn-light:hover:not(:disabled)[b-bknpax0f66] {
        background: rgba(138, 116, 201, 0.08);
    }

.divider[b-bknpax0f66] {
    margin: 26px 0 18px;
    position: relative;
    text-align: center;
}

    .divider[b-bknpax0f66]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: 1px;
        background: #e3e3ea;
        z-index: 0;
    }

    .divider span[b-bknpax0f66] {
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 0 14px;
        background: var(--card-right);
        color: #9b9ba6;
        font-size: 13px;
    }

.google-btn[b-bknpax0f66] {
    width: 100%;
    height: 50px;
    border: 1px solid #dedee8;
    border-radius: 999px;
    background: white;
    color: var(--text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.22s ease;
    box-shadow: 0 8px 18px rgba(40, 40, 60, 0.05);
}

    .google-btn:hover:not(:disabled)[b-bknpax0f66] {
        border-color: var(--brand-4);
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(63, 47, 146, 0.08);
    }

.google-icon[b-bknpax0f66] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

    .google-icon img[b-bknpax0f66] {
        width: 24px;
        height: auto;
    }

.right-content[b-bknpax0f66] {
    position: relative;
    z-index: 3;
    max-width: 360px;
}

.event-banner[b-bknpax0f66] {
    width: 100%;
    max-width: 360px;
    border-radius: 22px;
    margin-bottom: 20px;
    display: block;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
}

.join-right p[b-bknpax0f66] {
    margin-top: 26px;
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.78);
}

.right-features[b-bknpax0f66] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.feature-item[b-bknpax0f66] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,0.84);
    font-size: 14px;
}

.feature-dot[b-bknpax0f66] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-3), var(--brand-4));
    box-shadow: 0 0 0 5px rgba(138, 116, 201, 0.14);
    flex-shrink: 0;
}

.right-gradient[b-bknpax0f66] {
    position: absolute;
    border-radius: 999px;
    filter: blur(50px);
    opacity: 0.18;
    z-index: 1;
    pointer-events: none;
}

.right-gradient-1[b-bknpax0f66] {
    width: 220px;
    height: 220px;
    background: var(--brand-2);
    top: -40px;
    left: -50px;
    animation: floatGlow1-b-bknpax0f66 10s ease-in-out infinite;
}

.right-gradient-2[b-bknpax0f66] {
    width: 240px;
    height: 240px;
    background: var(--brand-3);
    bottom: -60px;
    right: -60px;
    animation: floatGlow2-b-bknpax0f66 12s ease-in-out infinite;
}

.shape[b-bknpax0f66] {
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.diamond[b-bknpax0f66] {
    width: 68px;
    height: 68px;
    border: 8px solid rgba(138, 116, 201, 0.28);
    border-radius: 24px;
    transform: rotate(45deg);
}

.arc[b-bknpax0f66] {
    width: 120px;
    height: 120px;
    border: 14px solid rgba(170, 160, 219, 0.92);
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
}

.shape-1[b-bknpax0f66] {
    top: 22px;
    left: 20px;
    animation: float1-b-bknpax0f66 7s ease-in-out infinite;
}

.shape-2[b-bknpax0f66] {
    top: -12px;
    right: 54px;
    border-color: rgba(170, 160, 219, 0.95);
    animation: float2-b-bknpax0f66 8s ease-in-out infinite;
}

.shape-3[b-bknpax0f66] {
    bottom: 26px;
    left: 120px;
    border-color: rgba(138, 116, 201, 0.18);
    animation: float3-b-bknpax0f66 9s ease-in-out infinite;
}

.shape-4[b-bknpax0f66] {
    right: -42px;
    top: 48%;
    animation: float4-b-bknpax0f66 8.5s ease-in-out infinite;
}

.shape-5[b-bknpax0f66] {
    left: -34px;
    bottom: 70px;
    width: 92px;
    height: 92px;
    border-width: 10px;
    border-color: rgba(138, 116, 201, 0.6);
    border-left-color: transparent;
    border-top-color: transparent;
    animation: float5-b-bknpax0f66 10s ease-in-out infinite;
}

.secondary-btn[b-bknpax0f66] {
    margin-top: 34px;
    padding: 14px 30px;
    border-radius: 999px;
    border: 1.5px solid rgba(170, 160, 219, 0.8);
    background: rgba(255, 255, 255, 0.03);
    color: white;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
    backdrop-filter: blur(4px);
}

    .secondary-btn:hover[b-bknpax0f66] {
        background: rgba(138, 116, 201, 0.12);
        border-color: rgba(170, 160, 219, 1);
        transform: translateY(-1px);
    }

.join-left-topbar[b-bknpax0f66] {
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    display: flex;
    justify-content: end;
    align-items: end;
    gap: 16px;
    z-index: 5;
}

.form-wrapper[b-bknpax0f66] {
    width: 100%;
    max-width: 560px;
    margin-top: 54px;
}

@media (max-width: 980px) {
    .join-left-topbar[b-bknpax0f66] {
        position: static;
        margin-bottom: 22px;
        flex-direction: column;
        align-items: stretch;
    }

    
    .language-switcher[b-bknpax0f66] {
        width: fit-content;
        max-width: 100%;
    }

    .form-wrapper[b-bknpax0f66] {
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .join-left-topbar[b-bknpax0f66] {
        gap: 12px;
        align-self:end;
    }

    .language-switcher[b-bknpax0f66] {
        width: 100%;
        justify-content: space-between;
    }

    .language-btn[b-bknpax0f66] {
        flex: 1 1 0;
        min-width: 0;
    }
}


@keyframes float1-b-bknpax0f66 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(8px, -10px);
    }
}

@keyframes float2-b-bknpax0f66 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(-8px, 10px);
    }
}

@keyframes float3-b-bknpax0f66 {
    0%, 100% {
        transform: rotate(45deg) translate(0, 0);
    }

    50% {
        transform: rotate(45deg) translate(10px, -6px);
    }
}

@keyframes float4-b-bknpax0f66 {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    50% {
        transform: translateY(calc(-50% - 10px)) rotate(8deg);
    }
}

@keyframes float5-b-bknpax0f66 {
    0%, 100% {
        transform: rotate(0deg) translate(0, 0);
    }

    50% {
        transform: rotate(10deg) translate(8px, -8px);
    }
}

@keyframes floatGlow1-b-bknpax0f66 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(14px, -10px) scale(1.05);
    }
}

@keyframes floatGlow2-b-bknpax0f66 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-12px, 12px) scale(1.06);
    }
}

.mt-3[b-bknpax0f66] {
    margin-top: 1rem;
}

.mt-4[b-bknpax0f66] {
    margin-top: 1.5rem;
}

@media (max-width: 980px) {
    .join-card[b-bknpax0f66] {
        grid-template-columns: 1fr;
        max-width: 760px;
    }

    .join-left[b-bknpax0f66],
    .join-right[b-bknpax0f66] {
        padding: 40px 28px;
    }

    .join-left[b-bknpax0f66] {
        flex-direction: column;
    }

        .join-left h2[b-bknpax0f66],
        .join-right h3[b-bknpax0f66] {
            font-size: 32px;
        }

    .form-wrapper[b-bknpax0f66],
    .right-content[b-bknpax0f66] {
        max-width: none;
    }

    .event-banner[b-bknpax0f66] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .profile-grid-two[b-bknpax0f66] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .conference-info-row[b-bknpax0f66] {
        flex-direction: column;
        gap: 4px;
    }

    .conference-value[b-bknpax0f66] {
        text-align: left;
    }

    .modal-actions[b-bknpax0f66] {
        flex-direction: column;
    }

    .primary-btn[b-bknpax0f66],
    .secondary-btn-light[b-bknpax0f66] {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .join-page[b-bknpax0f66] {
        padding: 16px;
    }

    .join-card[b-bknpax0f66] {
        border-radius: 24px;
        min-height: auto;
    }

    .join-left[b-bknpax0f66],
    .join-right[b-bknpax0f66] {
        padding: 28px 20px;
    }

        .join-left[b-bknpax0f66] {
            flex-direction:column;
        }
        .join-left h2[b-bknpax0f66],
        .join-right h3[b-bknpax0f66] {
            font-size: 28px;
        }
}

.dialog-success[b-bknpax0f66] {
    margin-top: 18px;
    padding: 12px 16px;
    border-radius: 14px;
    background: rgba(73, 51, 170, 0.08);
    border: 1px solid rgba(73, 51, 170, 0.16);
    color: #4933aa;
    font-size: 13px;
    line-height: 1.5;
}
/* /Components/Pages/Event/Views/ConferenceVenueSection.razor.rz.scp.css */
.venue-section[b-d83m0i5vz6] {
    padding: 34px 0 40px;
}

.venue-shell[b-d83m0i5vz6] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.80), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    padding: 36px 32px 32px;
}

.venue-glow[b-d83m0i5vz6] {
    position: absolute;
    border-radius: 999px;
    filter: blur(80px);
    opacity: 0.14;
    pointer-events: none;
}

.venue-glow-1[b-d83m0i5vz6] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -70px;
    left: -60px;
}

.venue-glow-2[b-d83m0i5vz6] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -90px;
    right: -90px;
}

.venue-header[b-d83m0i5vz6] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 28px;
}

.venue-brand[b-d83m0i5vz6] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 10px;
}

.venue-title[b-d83m0i5vz6] {
    margin: 0;
    font-size: clamp(32px, 2.7vw, 46px);
    line-height: 1.08;
    font-weight: 800;
    color: #18181b;
}

.venue-title-line[b-d83m0i5vz6] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 14px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.venue-subtitle[b-d83m0i5vz6] {
    margin-top: 18px;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.75;
    color: #6b6c7e;
}

.venue-date-pill[b-d83m0i5vz6] {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
}

.venue-layout[b-d83m0i5vz6] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 24px;
    align-items: stretch;
}

.venue-info-card[b-d83m0i5vz6],
.venue-map-card[b-d83m0i5vz6] {
    border-radius: 30px;
    overflow: hidden;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 20px 40px rgba(36, 30, 70, 0.07), 0 8px 14px rgba(36, 30, 70, 0.04);
}

.venue-photo-wrap[b-d83m0i5vz6] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: rgba(138, 116, 201, 0.05);
}

.venue-photo[b-d83m0i5vz6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.venue-info-body[b-d83m0i5vz6] {
    padding: 22px 22px 20px;
}

.venue-info-item[b-d83m0i5vz6] {
    margin-bottom: 16px;
}

.venue-info-label[b-d83m0i5vz6] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 8px;
}

.venue-info-value[b-d83m0i5vz6] {
    font-size: 18px;
    line-height: 1.55;
    font-weight: 700;
    color: #18181b;
}

.venue-description[b-d83m0i5vz6] {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.8;
    color: #66687a;
}

.venue-actions[b-d83m0i5vz6] {
    margin-top: 22px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.venue-btn[b-d83m0i5vz6] {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.2s ease;
}

    .venue-btn.primary[b-d83m0i5vz6] {
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

        .venue-btn.primary:hover[b-d83m0i5vz6] {
            transform: translateY(-1px);
            color: white;
        }

    .venue-btn.secondary[b-d83m0i5vz6] {
        background: rgba(138, 116, 201, 0.08);
        border: 1.5px solid rgba(138, 116, 201, 0.20);
        color: #6d58c4;
    }

        .venue-btn.secondary:hover[b-d83m0i5vz6] {
            background: rgba(138, 116, 201, 0.12);
            color: #5b46b8;
            transform: translateY(-1px);
        }

.venue-map-card[b-d83m0i5vz6] {
    min-height: 100%;
    display: flex;
}

.venue-map-frame[b-d83m0i5vz6] {
    width: 100%;
    min-height: 100%;
}

    .venue-map-frame iframe[b-d83m0i5vz6] {
        width: 100% !important;
        min-height: 100%;
        height: 100%;
        border: 0;
        display: block;
    }

.venue-map-empty[b-d83m0i5vz6] {
    min-height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 26px;
    text-align: center;
    background: radial-gradient(circle at top left, rgba(138,116,201,0.10), transparent 28%), radial-gradient(circle at bottom right, rgba(170,160,219,0.12), transparent 32%), rgba(248, 246, 255, 0.96);
}

.venue-map-empty__icon[b-d83m0i5vz6] {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 18px;
}

.venue-map-empty__title[b-d83m0i5vz6] {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 10px;
}

.venue-map-empty__text[b-d83m0i5vz6] {
    max-width: 360px;
    font-size: 15px;
    line-height: 1.7;
    color: #6b6c7e;
}

@media (max-width: 1100px) {
    .venue-header[b-d83m0i5vz6] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .venue-layout[b-d83m0i5vz6] {
        grid-template-columns: 1fr;
    }

    .venue-map-card[b-d83m0i5vz6] {
        min-height: 420px;
    }
}

@media (max-width: 700px) {
    .venue-shell[b-d83m0i5vz6] {
        padding: 24px 16px 20px;
        border-radius: 24px;
    }

    .venue-subtitle[b-d83m0i5vz6] {
        font-size: 14px;
        line-height: 1.7;
    }

    .venue-info-card[b-d83m0i5vz6],
    .venue-map-card[b-d83m0i5vz6] {
        border-radius: 22px;
    }

    .venue-info-body[b-d83m0i5vz6] {
        padding: 18px 16px 16px;
    }

    .venue-info-value[b-d83m0i5vz6] {
        font-size: 16px;
    }

    .venue-description[b-d83m0i5vz6] {
        font-size: 14px;
        line-height: 1.7;
    }

    .venue-actions[b-d83m0i5vz6] {
        flex-direction: column;
    }

    .venue-btn[b-d83m0i5vz6] {
        width: 100%;
        justify-content: center;
    }

    .venue-map-card[b-d83m0i5vz6] {
        min-height: 320px;
    }
}
/* /Components/Pages/Event/Views/HeroSection.razor.rz.scp.css */
:root[b-ppx9km1oyh] {
    
}

/* =========================================================
   BASE
   ========================================================= */

.event-hero-section[b-ppx9km1oyh] {
    position: relative;
    width: 100%;
    background: transparent;
}

.hero-full-mode[b-ppx9km1oyh] {
    padding: 28px 0 44px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.70), transparent 35%), radial-gradient(circle at bottom right, rgba(255,255,255,0.50), transparent 40%), #f3f2f6;
}

.hero-boxed-mode[b-ppx9km1oyh] {
    padding: 26px 18px 44px;
}

.event-hero-shell[b-ppx9km1oyh] {
    position: relative;
    width: 100%;
}

.event-hero-grid[b-ppx9km1oyh] {
    position: relative;
    z-index: 1;
    display: grid;
    align-items: center;
    gap: 28px;
    min-height: 760px;
    padding: 26px 28px;
}

    .event-hero-grid.hero-grid-two-cols[b-ppx9km1oyh] {
        grid-template-columns: 1.05fr 0.95fr;
    }

    .event-hero-grid.hero-grid-one-col[b-ppx9km1oyh] {
        grid-template-columns: 1fr;
    }

.event-hero-left[b-ppx9km1oyh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
}

.event-hero-meta[b-ppx9km1oyh] {
    margin-bottom: 28px;
}

.event-hero-meta-item[b-ppx9km1oyh] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.event-hero-meta-icon[b-ppx9km1oyh] {
    flex-shrink: 0;
}

.event-hero-meta-text[b-ppx9km1oyh] {
    font-size: 17px;
    line-height: 1.45;
    font-weight: 500;
}

.event-hero-title-wrap[b-ppx9km1oyh] {
    width: 100%;
    margin-bottom: 20px;
}

.event-hero-title[b-ppx9km1oyh] {
    margin: 0;
    max-width: 820px;
    font-size: clamp(44px, 6vw, 92px);
    line-height: 0.95;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0d3c76;
}

.event-hero-title-image-wrap[b-ppx9km1oyh] {
    width: 100%;
}

.event-hero-title-image[b-ppx9km1oyh] {
    display: block;
    max-width: min(100%, 720px);
    max-height: 220px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.event-hero-subtitle[b-ppx9km1oyh] {
    margin: 0 0 28px;
    max-width: 760px;
    font-size: clamp(20px, 2.1vw, 28px);
    line-height: 1.35;
    font-weight: 500;
}

.event-hero-actions[b-ppx9km1oyh] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.event-hero-timer[b-ppx9km1oyh] {
    margin-bottom: 28px;
}

.event-hero-timer-grid[b-ppx9km1oyh] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.event-hero-timer .timer-item[b-ppx9km1oyh] {
    min-width: 84px;
}

    .event-hero-timer .timer-item .value[b-ppx9km1oyh] {
        display: block;
        font-size: clamp(34px, 3.4vw, 56px);
        line-height: 1;
        font-weight: 400;
    }

    .event-hero-timer .timer-item .title[b-ppx9km1oyh] {
        display: block;
        margin-top: 8px;
        font-size: 14px;
    }

.event-hero-timer .timer-divider label[b-ppx9km1oyh] {
    display: block;
    padding-top: 2px;
    font-size: clamp(30px, 3vw, 48px);
    line-height: 1;
    opacity: 0.8;
}

.event-hero-partners[b-ppx9km1oyh] {
    margin-top: 4px;
}

.event-hero-partners-list[b-ppx9km1oyh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px 22px;
}

.event-hero-partner-item[b-ppx9km1oyh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 4px 0;
}

    .event-hero-partner-item img[b-ppx9km1oyh] {
        max-width: 120px;
        max-height: 42px;
        object-fit: contain;
        display: block;
    }

.event-hero-right[b-ppx9km1oyh] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
}

.event-hero-visual-card[b-ppx9km1oyh] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.event-hero-visual-image[b-ppx9km1oyh] {
    display: block;
    width: min(100%, 780px);
    max-height: 640px;
    object-fit: contain;
    filter: drop-shadow(0 24px 32px rgba(20, 18, 30, 0.08));
}

/* =========================================================
   BOXED MODE
   ========================================================= */

.event-hero-shell-boxed[b-ppx9km1oyh] {
    background-color: var(--hero-card);
    border-radius: 36px;
    overflow: hidden;
    box-shadow: var(--hero-shadow);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

.hero-boxed-mode .event-hero-grid[b-ppx9km1oyh] {
    min-height: 760px;
    padding: 26px 28px;
}

.hero-boxed-mode .event-hero-left[b-ppx9km1oyh] {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
}

.hero-boxed-mode .event-hero-title[b-ppx9km1oyh] {
    max-width: 820px;
    font-size: clamp(44px, 6vw, 92px);
    line-height: 0.95;
}

.hero-boxed-mode .event-hero-subtitle[b-ppx9km1oyh] {
    max-width: 760px;
}

/* =========================================================
   FULL MODE
   banner background + left overlay card
   ========================================================= */

.hero-full-mode .event-hero-shell[b-ppx9km1oyh] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 30px 70px rgba(36, 30, 70, 0.10), 0 10px 20px rgba(36, 30, 70, 0.05);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .hero-full-mode .event-hero-shell[b-ppx9km1oyh]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, rgba(245,244,248,0.88) 0%, rgba(245,244,248,0.74) 18%, rgba(245,244,248,0.54) 34%, rgba(245,244,248,0.30) 52%, rgba(245,244,248,0.12) 70%, rgba(245,244,248,0.03) 84%, rgba(245,244,248,0.00) 100% );
        pointer-events: none;
        z-index: 0;
    }

    .hero-full-mode .event-hero-shell[b-ppx9km1oyh]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at left center, rgba(245,244,248,0.55), transparent 42%);
    }

.hero-full-mode .event-hero-grid[b-ppx9km1oyh] {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 760px;
    padding: 34px 34px 40px;
}

.hero-full-mode .event-hero-left[b-ppx9km1oyh] {
    max-width: 620px;
    padding: 28px 32px;
    border-radius: 30px;
    background: rgba(255,255,255,0.65);
    border: 1px solid rgba(255,255,255,0.60);
    backdrop-filter: blur(14px);
    box-shadow: 0 20px 40px rgba(36,30,70,0.10), 0 6px 12px rgba(36,30,70,0.05);
}

.hero-full-mode .event-hero-meta[b-ppx9km1oyh] {
    margin-bottom: 24px;
}

.hero-full-mode .event-hero-meta-text[b-ppx9km1oyh] {
    font-size: 16px;
}

.hero-full-mode .event-hero-title[b-ppx9km1oyh] {
    max-width: 620px;
    font-size: clamp(26px, 3.4vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.02em;
}

    .hero-full-mode .event-hero-title.has-subtitle[b-ppx9km1oyh] {
        font-size: clamp(24px, 3vw, 50px);
    }

.hero-full-mode .event-hero-title-image[b-ppx9km1oyh] {
    max-width: min(100%, 620px);
    max-height: 170px;
}

.hero-full-mode .event-hero-subtitle[b-ppx9km1oyh] {
    max-width: 580px;
    margin: 0 0 22px;
    font-size: clamp(17px, 1.5vw, 23px);
    line-height: 1.42;
}

.hero-full-mode .event-hero-actions[b-ppx9km1oyh] {
    gap: 14px;
    margin-bottom: 22px;
}

.hero-full-mode .hero-btn[b-ppx9km1oyh] {
    min-width: 180px;
    height: 54px;
    padding: 0 24px;
    border-radius: 16px;
    font-size: 15px;
}

.hero-full-mode .event-hero-timer[b-ppx9km1oyh] {
    margin-bottom: 20px;
}

.hero-full-mode .event-hero-timer-grid[b-ppx9km1oyh] {
    gap: 8px;
}

.hero-full-mode .event-hero-timer .timer-item[b-ppx9km1oyh] {
    min-width: 56px;
}

    .hero-full-mode .event-hero-timer .timer-item .value[b-ppx9km1oyh] {
        font-size: clamp(20px, 2vw, 34px);
    }

    .hero-full-mode .event-hero-timer .timer-item .title[b-ppx9km1oyh] {
        margin-top: 6px;
        font-size: 12px;
    }

.hero-full-mode .event-hero-timer .timer-divider label[b-ppx9km1oyh] {
    padding-top: 0;
    font-size: clamp(18px, 2vw, 28px);
}

.hero-full-mode .event-hero-partners-list[b-ppx9km1oyh] {
    gap: 12px 16px;
}

.hero-full-mode .event-hero-partner-item img[b-ppx9km1oyh] {
    max-width: 90px;
    max-height: 30px;
}

/* full mode не использует правую картинку */
.hero-full-mode .event-hero-right[b-ppx9km1oyh] {
    display: none;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
    .event-hero-grid.hero-grid-two-cols[b-ppx9km1oyh] {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 22px;
    }

    .event-hero-right[b-ppx9km1oyh] {
        order: 2;
    }

    .event-hero-left[b-ppx9km1oyh] {
        order: 1;
    }

    .event-hero-visual-image[b-ppx9km1oyh] {
        max-height: 460px;
    }

    .hero-full-mode .event-hero-shell[b-ppx9km1oyh] {
        max-width: 100%;
        padding: 0 12px;
    }

    .hero-full-mode .event-hero-grid[b-ppx9km1oyh] {
        min-height: 680px;
        padding: 26px 20px 30px;
    }

    .hero-full-mode .event-hero-left[b-ppx9km1oyh] {
        max-width: 640px;
    }
}

@media (max-width: 768px) {
    .hero-full-mode[b-ppx9km1oyh] {
        padding: 22px 0 34px;
    }

    .hero-boxed-mode[b-ppx9km1oyh] {
        padding: 14px 10px 34px;
    }

    .event-hero-grid[b-ppx9km1oyh] {
        padding: 18px 16px 20px;
    }

    .event-hero-meta-text[b-ppx9km1oyh] {
        font-size: 15px;
    }

    .event-hero-actions[b-ppx9km1oyh] {
        width: 100%;
        gap: 12px;
    }

    .hero-btn[b-ppx9km1oyh] {
        width: 100%;
        min-width: 0;
        height: 56px;
        font-size: 16px;
        border-radius: 16px;
    }

    .event-hero-timer-grid[b-ppx9km1oyh] {
        gap: 8px;
    }

    .event-hero-timer .timer-item[b-ppx9km1oyh] {
        min-width: 62px;
    }

    .event-hero-partners-list[b-ppx9km1oyh] {
        gap: 14px 18px;
    }

    .event-hero-partner-item img[b-ppx9km1oyh] {
        max-width: 92px;
        max-height: 34px;
    }

    .hero-full-mode .event-hero-shell[b-ppx9km1oyh] {
        border-radius: 24px;
        padding: 0 8px;
    }

    .hero-full-mode .event-hero-grid[b-ppx9km1oyh] {
        min-height: auto;
        padding: 18px 12px 24px;
    }

    .hero-full-mode .event-hero-left[b-ppx9km1oyh] {
        max-width: 100%;
        padding: 22px 18px;
        border-radius: 22px;
    }

    .hero-full-mode .event-hero-title[b-ppx9km1oyh] {
        max-width: 100%;
        font-size: clamp(24px, 7vw, 42px);
    }

        .hero-full-mode .event-hero-title.has-subtitle[b-ppx9km1oyh] {
            font-size: clamp(22px, 6.4vw, 38px);
        }

    .hero-full-mode .event-hero-title-image[b-ppx9km1oyh] {
        max-width: 100%;
        max-height: 120px;
    }

    .hero-full-mode .event-hero-subtitle[b-ppx9km1oyh] {
        font-size: 16px;
    }

    .hero-full-mode .hero-btn[b-ppx9km1oyh] {
        width: 100%;
        min-width: 0;
        height: 52px;
        font-size: 15px;
        border-radius: 14px;
    }
    
    .hero-full-mode .event-hero-timer .timer-item[b-ppx9km1oyh] {
        min-width: 50px;
    }
}

/* =========================================================
   LARGE DISPLAYS
   ========================================================= */

@media (min-width: 1600px) {

    .hero-full-mode .event-hero-shell[b-ppx9km1oyh] {
        max-width: 1680px;
    }

    .hero-full-mode .event-hero-grid[b-ppx9km1oyh] {
        min-height: 860px;
        padding: 48px 56px 56px;
    }

    .hero-full-mode .event-hero-left[b-ppx9km1oyh] {
        max-width: 760px;
        padding: 38px 42px;
        border-radius: 34px;
    }

    .hero-full-mode .event-hero-meta[b-ppx9km1oyh] {
        margin-bottom: 28px;
    }

    .hero-full-mode .event-hero-meta-text[b-ppx9km1oyh] {
        font-size: 20px;
    }

    .hero-full-mode .event-hero-title[b-ppx9km1oyh] {
        max-width: 760px;
        font-size: clamp(42px, 3.2vw, 74px);
        line-height: 1.03;
    }

        .hero-full-mode .event-hero-title.has-subtitle[b-ppx9km1oyh] {
            font-size: clamp(38px, 3vw, 66px);
        }

    .hero-full-mode .event-hero-subtitle[b-ppx9km1oyh] {
        max-width: 680px;
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 28px;
    }

    .hero-full-mode .hero-btn[b-ppx9km1oyh] {
        min-width: 230px;
        height: 64px;
        padding: 0 30px;
        font-size: 18px;
        border-radius: 18px;
    }

    .hero-full-mode .event-hero-actions[b-ppx9km1oyh] {
        gap: 18px;
        margin-bottom: 28px;
    }

    .hero-full-mode .event-hero-timer[b-ppx9km1oyh] {
        margin-bottom: 26px;
    }

        .hero-full-mode .event-hero-timer .timer-item[b-ppx9km1oyh] {
            min-width: 72px;
        }

            .hero-full-mode .event-hero-timer .timer-item .value[b-ppx9km1oyh] {
                font-size: 46px;
            }

            .hero-full-mode .event-hero-timer .timer-item .title[b-ppx9km1oyh] {
                font-size: 14px;
                margin-top: 8px;
            }

        .hero-full-mode .event-hero-timer .timer-divider label[b-ppx9km1oyh] {
            font-size: 38px;
        }

    .hero-full-mode .event-hero-partners-list[b-ppx9km1oyh] {
        gap: 16px 20px;
    }

    .hero-full-mode .event-hero-partner-item img[b-ppx9km1oyh] {
        max-width: 108px;
        max-height: 36px;
    }

    /* немного правее уводим баннер */
    .hero-full-mode .event-hero-shell[b-ppx9km1oyh] {
        background-position: center right;
    }
}


@media (min-width: 1920px) {

    .hero-full-mode .event-hero-shell[b-ppx9km1oyh] {
        max-width: 1840px;
    }

    .hero-full-mode .event-hero-grid[b-ppx9km1oyh] {
        min-height: 940px;
        padding: 56px 72px 64px;
    }

    .hero-full-mode .event-hero-left[b-ppx9km1oyh] {
        max-width: 840px;
        padding: 44px 48px;
        border-radius: 36px;
    }

    .hero-full-mode .event-hero-meta-text[b-ppx9km1oyh] {
        font-size: 22px;
    }

    .hero-full-mode .event-hero-title[b-ppx9km1oyh] {
        max-width: 820px;
        font-size: clamp(48px, 3.1vw, 88px);
        line-height: 1.02;
    }

        .hero-full-mode .event-hero-title.has-subtitle[b-ppx9km1oyh] {
            font-size: clamp(42px, 2.9vw, 76px);
        }

    .hero-full-mode .event-hero-subtitle[b-ppx9km1oyh] {
        max-width: 760px;
        font-size: 32px;
        line-height: 1.38;
        margin-bottom: 30px;
    }

    .hero-full-mode .hero-btn[b-ppx9km1oyh] {
        min-width: 250px;
        height: 68px;
        padding: 0 34px;
        font-size: 19px;
        border-radius: 20px;
    }

    .hero-full-mode .event-hero-actions[b-ppx9km1oyh] {
        gap: 20px;
        margin-bottom: 30px;
    }

    .hero-full-mode .event-hero-timer .timer-item[b-ppx9km1oyh] {
        min-width: 84px;
    }

        .hero-full-mode .event-hero-timer .timer-item .value[b-ppx9km1oyh] {
            font-size: 54px;
        }

        .hero-full-mode .event-hero-timer .timer-item .title[b-ppx9km1oyh] {
            font-size: 15px;
        }

    .hero-full-mode .event-hero-timer .timer-divider label[b-ppx9km1oyh] {
        font-size: 44px;
    }

    .hero-full-mode .event-hero-partner-item img[b-ppx9km1oyh] {
        max-width: 120px;
        max-height: 40px;
    }

    .hero-full-mode .event-hero-shell[b-ppx9km1oyh] {
        background-position: right center;
    }
}

/* =========================================================
   HERO -> WELCOME BRIDGE
   ========================================================= */

.event-hero-section[b-ppx9km1oyh] {
    padding-bottom: 120px;
}

.hero-boxed-mode[b-ppx9km1oyh] {
    padding-bottom: 120px;
}

.hero-full-mode[b-ppx9km1oyh] {
    padding-bottom: 120px;
}

/* мягкое свечение вниз, чтобы не было резкого обрыва */
.event-hero-section[b-ppx9km1oyh]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    pointer-events: none;
    background: linear-gradient( to bottom, rgba(244,243,248,0) 0%, rgba(244,243,248,0.45) 40%, rgba(244,243,248,0.92) 100% );
    z-index: 0;
}

/* чтобы контент hero был поверх этого свечения */
.event-hero-shell[b-ppx9km1oyh] {
    position: relative;
    z-index: 1;
}

@media (min-width: 1400px) {
    .welcome-section[b-ppx9km1oyh] {
        margin-top: -80px;
    }
}

@media (max-width: 1100px) {
    .welcome-section[b-ppx9km1oyh] {
        margin-top: -40px;
    }
}

@media (max-width: 768px) {
    .welcome-section[b-ppx9km1oyh] {
        margin-top: -16px;
    }

    .event-hero-section[b-ppx9km1oyh]::after {
        height: 96px;
    }
}
/* /Components/Pages/Event/Views/OrganizersViewNew.razor.rz.scp.css */
.organizers-section[b-rt5uf1r4a0] {
    position: relative;
    background: transparent;
}

.organizers-bg[b-rt5uf1r4a0] {
    position: relative;
    overflow: hidden;
    padding: 84px 0 88px;
    background: radial-gradient(circle at 20% 18%, rgba(255,255,255,0.07), transparent 12%), radial-gradient(circle at 64% 14%, rgba(255,255,255,0.05), transparent 10%), radial-gradient(circle at 78% 78%, rgba(170,160,219,0.10), transparent 16%), linear-gradient(135deg, #3f2f92 0%, #4933aa 52%, #4d37b0 100%);
}

    .organizers-bg[b-rt5uf1r4a0]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at bottom right, rgba(255,255,255,0.06), transparent 24%);
        opacity: 0.9;
    }

.organizers-header-wrap[b-rt5uf1r4a0] {
    position: relative;
    z-index: 2;
    margin-bottom: 34px;
    text-align: center;
}

.organizers-brand[b-rt5uf1r4a0] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.78);
    margin-bottom: 14px;
}

.organizers-title[b-rt5uf1r4a0] {
    margin: 0;
    color: white;
    font-size: clamp(34px, 3vw, 52px);
    line-height: 1.1;
    font-weight: 800;
}

.organizers-title-line[b-rt5uf1r4a0] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin: 16px auto 0;
    background: linear-gradient(90deg, #c5baf0, rgba(255,255,255,0.95));
}

.organizers-grid[b-rt5uf1r4a0] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 22px;
    align-items: stretch;
}

.organizer-card[b-rt5uf1r4a0] {
    appearance: none;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.05);
    border-radius: 28px;
    padding: 22px 18px 20px;
    text-align: center;
    color: white;
    cursor: pointer;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
    box-shadow: 0 12px 24px rgba(20, 18, 30, 0.08);
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

    .organizer-card:hover[b-rt5uf1r4a0] {
        transform: translateY(-4px);
        background: rgba(255,255,255,0.08);
        border-color: rgba(255,255,255,0.16);
        box-shadow: 0 18px 32px rgba(20, 18, 30, 0.12);
    }

.organizer-avatar-wrap[b-rt5uf1r4a0] {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 18px;
    border: 3px solid rgba(255,255,255,0.18);
    box-shadow: 0 14px 24px rgba(20, 18, 30, 0.16), 0 0 0 8px rgba(255,255,255,0.04);
    background: rgba(255,255,255,0.08);
    flex-shrink: 0;
}

.organizer-avatar[b-rt5uf1r4a0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.organizer-name[b-rt5uf1r4a0] {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 12px;
    min-height: 48px;
}

.organizer-description[b-rt5uf1r4a0] {
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255,255,255,0.82);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 92px;
}

.organizer-card-more[b-rt5uf1r4a0] {
    justify-content: center;
    gap: 18px;
}

.organizer-more-icon[b-rt5uf1r4a0] {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background: rgba(197,186,240,0.20);
    border: 1px solid rgba(255,255,255,0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 16px 28px rgba(20,18,30,0.12), 0 0 0 10px rgba(255,255,255,0.04);
}

    .organizer-more-icon span[b-rt5uf1r4a0] {
        font-size: 56px;
        line-height: 1;
        font-weight: 300;
        color: white;
        transform: translateY(-2px);
    }

.organizer-more-text[b-rt5uf1r4a0] {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: white;
}

@media (max-width: 1200px) {
    .organizers-grid[b-rt5uf1r4a0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .organizers-grid[b-rt5uf1r4a0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .organizers-bg[b-rt5uf1r4a0] {
        padding: 56px 0 60px;
    }

    .organizers-grid[b-rt5uf1r4a0] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .organizer-card[b-rt5uf1r4a0] {
        border-radius: 22px;
        padding: 20px 16px 18px;
    }

    .organizer-avatar-wrap[b-rt5uf1r4a0],
    .organizer-more-icon[b-rt5uf1r4a0] {
        width: 104px;
        height: 104px;
    }

    .organizer-name[b-rt5uf1r4a0] {
        font-size: 16px;
        min-height: auto;
    }

    .organizer-description[b-rt5uf1r4a0] {
        font-size: 13px;
        min-height: auto;
        -webkit-line-clamp: 5;
    }
}
/* /Components/Pages/Event/Views/PanelsSectionVIewNew.razor.rz.scp.css */
.info-panels-section[b-94x89o9p93] {
    padding: 36px 0 64px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.55), transparent 22%), radial-gradient(circle at bottom right, rgba(255,255,255,0.35), transparent 26%), #f4f3f8;
}

/* =========================================================
   REGULAR PANELS
   ========================================================= */

.info-panels-grid[b-94x89o9p93] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    align-items: stretch;
}

.info-panel-card[b-94x89o9p93] {
    position: relative;
    overflow: hidden;
    min-height: 260px;
    padding: 28px 24px 24px;
    border-radius: 28px;
    background: rgba(251, 251, 252, 0.94);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 18px 40px rgba(36, 30, 70, 0.08), 0 6px 12px rgba(36, 30, 70, 0.04);
    display: flex;
    flex-direction: column;
}

    .info-panel-card[b-94x89o9p93]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top right, rgba(170,160,219,0.14), transparent 24%), radial-gradient(circle at bottom left, rgba(138,116,201,0.10), transparent 24%);
        pointer-events: none;
    }

.info-panel-icon-wrap[b-94x89o9p93] {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
    border-radius: 18px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-panel-icon[b-94x89o9p93] {
    max-width: 28px;
    max-height: 28px;
    object-fit: contain;
    display: block;
}

.info-panel-title[b-94x89o9p93] {
    position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #2d2494;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.info-panel-body[b-94x89o9p93] {
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: 1.75;
    color: #585a6b;
    margin-top: auto;
}

/* Чтобы вложенный html выглядел аккуратно */
[b-94x89o9p93] .info-panel-body p {
    margin: 0 0 12px;
}

[b-94x89o9p93] .info-panel-body a {
    color: #6d58c4;
    font-weight: 700;
    text-decoration: none;
}

    [b-94x89o9p93] .info-panel-body a:hover {
        text-decoration: underline;
    }

    [b-94x89o9p93] .info-panel-body .btn,
    [b-94x89o9p93] .info-panel-body button,
    [b-94x89o9p93] .info-panel-body a.button,
    [b-94x89o9p93] .info-panel-body a.btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 18px;
        border-radius: 999px;
        border: none;
        background: linear-gradient(90deg, #8a74c9, #4933aa);
        color: white !important;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.02em;
        box-shadow: 0 10px 22px rgba(73, 51, 170, 0.18);
        text-decoration: none !important;
        margin-top: 10px;
    }

        [b-94x89o9p93] .info-panel-body .btn:hover,
        [b-94x89o9p93] .info-panel-body button:hover,
        [b-94x89o9p93] .info-panel-body a.button:hover,
        [b-94x89o9p93] .info-panel-body a.btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 14px 26px rgba(73, 51, 170, 0.22);
        }

/* =========================================================
   ALTERNATE PANEL
   ========================================================= */

.info-panels-alt-card[b-94x89o9p93] {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: rgba(251, 251, 252, 0.94);
    box-shadow: 0 18px 40px rgba(36, 30, 70, 0.08), 0 6px 12px rgba(36, 30, 70, 0.04);
    padding: 30px 34px;
}

.info-panels-alt-content[b-94x89o9p93] {
    position: relative;
    z-index: 2;
}

.info-panels-brand[b-94x89o9p93] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 14px;
}

.info-panels-alt-text[b-94x89o9p93] {
    font-size: 18px;
    line-height: 1.8;
    color: #2f3140;
}

.info-panels-alt-glow[b-94x89o9p93] {
    position: absolute;
    border-radius: 999px;
    filter: blur(60px);
    opacity: 0.18;
    pointer-events: none;
    z-index: 1;
}

.info-panels-alt-glow-1[b-94x89o9p93] {
    width: 240px;
    height: 240px;
    background: #8a74c9;
    top: -40px;
    left: -40px;
}

.info-panels-alt-glow-2[b-94x89o9p93] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -60px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
    .info-panels-grid[b-94x89o9p93] {
        grid-template-columns: 1fr;
    }

    .info-panel-card[b-94x89o9p93] {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .info-panels-section[b-94x89o9p93] {
        padding: 28px 0 44px;
    }

    .info-panel-card[b-94x89o9p93] {
        padding: 22px 18px 20px;
        border-radius: 22px;
    }

    .info-panel-title[b-94x89o9p93] {
        font-size: 20px;
    }

    .info-panel-body[b-94x89o9p93] {
        font-size: 14px;
        line-height: 1.7;
    }

    .info-panels-alt-card[b-94x89o9p93] {
        padding: 24px 20px;
        border-radius: 24px;
    }

    .info-panels-alt-text[b-94x89o9p93] {
        font-size: 16px;
        line-height: 1.7;
    }
}
/* /Components/Pages/Event/Views/SponsorsViewNew.razor.rz.scp.css */
.sponsors-section[b-c5vmvkmm9o] {
    position: relative;
    background: transparent;
}

.sponsors-bg[b-c5vmvkmm9o] {
    position: relative;
    overflow: hidden;
    padding: 84px 0 90px;
    background: radial-gradient(circle at 18% 18%, rgba(255,255,255,0.07), transparent 14%), radial-gradient(circle at 78% 22%, rgba(255,255,255,0.05), transparent 14%), radial-gradient(circle at 75% 82%, rgba(170,160,219,0.10), transparent 18%), linear-gradient(135deg, #3f2f92 0%, #4933aa 48%, #563db6 100%);
}

    .sponsors-bg[b-c5vmvkmm9o]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at center, rgba(255,255,255,0.05), transparent 34%);
        opacity: 0.9;
    }

.sponsors-top[b-c5vmvkmm9o] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.1fr auto;
    gap: 28px;
    align-items: center;
    margin-bottom: 34px;
}

.sponsors-heading[b-c5vmvkmm9o] {
    min-width: 0;
}

.sponsors-brand[b-c5vmvkmm9o] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.82);
    margin-bottom: 14px;
}

.sponsors-title[b-c5vmvkmm9o] {
    margin: 0;
    font-size: clamp(34px, 3vw, 52px);
    line-height: 1.08;
    font-weight: 800;
    color: white;
}

.sponsors-title-line[b-c5vmvkmm9o] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 16px;
    background: linear-gradient(90deg, #c5baf0, rgba(255,255,255,0.95));
}

.sponsors-description[b-c5vmvkmm9o] {
    margin-top: 22px;
    max-width: 680px;
    font-size: 18px;
    line-height: 1.8;
    color: rgba(255,255,255,0.86);
}

.sponsors-cta[b-c5vmvkmm9o] {
    min-width: 240px;
    height: 56px;
    padding: 0 26px;
    border-radius: 999px;
    background: rgba(255,255,255,0.16);
    border: 1.5px solid rgba(255,255,255,0.24);
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.2s ease;
    box-shadow: 0 14px 28px rgba(20, 18, 30, 0.10);
    backdrop-filter: blur(8px);
}

    .sponsors-cta:hover[b-c5vmvkmm9o] {
        transform: translateY(-2px);
        background: rgba(255,255,255,0.22);
        color: white;
    }

.sponsors-categories[b-c5vmvkmm9o] {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.sponsor-category-pill[b-c5vmvkmm9o] {
    min-height: 48px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.86);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.22s ease;
    backdrop-filter: blur(6px);
}

    .sponsor-category-pill:hover[b-c5vmvkmm9o] {
        transform: translateY(-1px);
        background: rgba(255,255,255,0.12);
    }

    .sponsor-category-pill.active[b-c5vmvkmm9o] {
        background: rgba(255,255,255,0.18);
        border-color: rgba(255,255,255,0.22);
        color: white;
        box-shadow: 0 14px 28px rgba(20, 18, 30, 0.12);
    }

.sponsor-category-pill-text[b-c5vmvkmm9o] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.sponsor-category-pill-count[b-c5vmvkmm9o] {
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(255,255,255,0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: inherit;
}

.sponsors-slider-wrap[b-c5vmvkmm9o] {
    position: relative;
    z-index: 2;
}

.sponsors-swiper[b-c5vmvkmm9o] {
    padding-bottom: 8px;
}

    .sponsors-swiper .swiper-wrapper[b-c5vmvkmm9o]{
        padding-top:20px;
    }

    .sponsor-card-shell[b-c5vmvkmm9o] {
        height: 100%;
    }

.sponsor-card[b-c5vmvkmm9o] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 254px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08));
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: 0 18px 34px rgba(20, 18, 30, 0.12), 0 8px 18px rgba(20, 18, 30, 0.05);
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    backdrop-filter: blur(8px);
}

    .sponsor-card:hover[b-c5vmvkmm9o] {
        transform: translateY(-4px);
        box-shadow: 0 24px 42px rgba(20, 18, 30, 0.16), 0 10px 20px rgba(20, 18, 30, 0.06);
        border-color: rgba(255,255,255,0.22);
    }

.sponsor-card-overlay[b-c5vmvkmm9o] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.00)), radial-gradient(circle at top right, rgba(255,255,255,0.14), transparent 28%);
    pointer-events: none;
}

.sponsor-card-logo-wrap[b-c5vmvkmm9o] {
    position: relative;
    z-index: 2;
    width: calc(100% - 48px);
    max-width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsor-card-logo[b-c5vmvkmm9o] {
    max-width: 100%;
    max-height: 110px;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(20, 18, 30, 0.10));
    transition: transform 0.22s ease;
}

.sponsor-card:hover .sponsor-card-logo[b-c5vmvkmm9o] {
    transform: scale(1.03);
}

.sponsors-bottom[b-c5vmvkmm9o] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.sponsors-show-all-btn[b-c5vmvkmm9o] {
    min-width: 180px;
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.10);
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.22s ease;
    backdrop-filter: blur(8px);
}

    .sponsors-show-all-btn:hover[b-c5vmvkmm9o] {
        background: rgba(255,255,255,0.15);
        color: white;
        transform: translateY(-1px);
    }
.sponsors-swiper-wrap[b-c5vmvkmm9o] {
    position: relative;
}

.sponsors-nav[b-c5vmvkmm9o] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 26px;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.25);
    backdrop-filter: blur(8px);
    transition: 0.2s ease;
    z-index: 5;
}

    .sponsors-nav:hover[b-c5vmvkmm9o] {
        transform: translateY(-50%) scale(1.05);
        background: rgba(255,255,255,0.25);
    }

.sponsors-nav-prev[b-c5vmvkmm9o] {
    left: 5px;
}

.sponsors-nav-next[b-c5vmvkmm9o] {
    right: 5px;
}


@media (max-width: 1100px) {
    .sponsors-top[b-c5vmvkmm9o] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .sponsors-cta[b-c5vmvkmm9o] {
        width: 100%;
        justify-self: stretch;
    }

    .sponsors-nav[b-c5vmvkmm9o] {
        display: none;
    }
}

@media (max-width: 768px) {
    .sponsors-bg[b-c5vmvkmm9o] {
        padding: 58px 0 64px;
    }

    .sponsors-description[b-c5vmvkmm9o] {
        font-size: 15px;
        line-height: 1.7;
    }

    .sponsor-card[b-c5vmvkmm9o] {
        min-height: 210px;
        border-radius: 22px;
    }

    .sponsor-card-logo[b-c5vmvkmm9o] {
        max-height: 82px;
    }

    .sponsors-show-all-btn[b-c5vmvkmm9o],
    .sponsors-cta[b-c5vmvkmm9o] {
        width: 100%;
    }
}
/* /Components/Pages/Event/Views/WelcomeWords.razor.rz.scp.css */
.welcome-section[b-09l193py4w] {
    padding: 72px 0;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.6), transparent 26%), radial-gradient(circle at bottom right, rgba(255,255,255,0.45), transparent 30%), #f4f3f8;
}

.welcome-card[b-09l193py4w] {
    position: relative;
    overflow: hidden;
    background: rgba(251, 251, 252, 0.92);
    border-radius: 32px;
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.10);
    padding: 44px 48px;
}

.welcome-content[b-09l193py4w] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 42px;
    align-items: center;
}

.welcome-left[b-09l193py4w] {
    min-width: 0;
}

.welcome-brand[b-09l193py4w] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 16px;
}

.welcome-title[b-09l193py4w] {
    margin: 0;
    font-size: clamp(32px, 3.2vw, 52px);
    line-height: 1.08;
    font-weight: 800;
    color: #18181b;
}

.welcome-title-line[b-09l193py4w] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 16px;
    margin-bottom: 26px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.welcome-text[b-09l193py4w] {
    color: #2f3140;
    font-size: 17px;
    line-height: 1.85;
    max-height: var(--collapsed-height, 250px);
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
}

    .welcome-text.expanded[b-09l193py4w] {
        max-height: 2000px;
    }

    .welcome-text:not(.expanded)[b-09l193py4w]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 64px;
        background: linear-gradient(to bottom, rgba(251,251,252,0), rgba(251,251,252,1));
        pointer-events: none;
    }

[b-09l193py4w] .welcome-text p {
    margin: 0 0 18px;
}

.welcome-actions[b-09l193py4w] {
    margin-top: 28px;
}

.welcome-btn[b-09l193py4w] {
    height: 52px;
    padding: 0 24px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(90deg, #8a74c9, #4933aa);
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: 0.22s ease;
    box-shadow: 0 12px 26px rgba(73, 51, 170, 0.20);
}

    .welcome-btn:hover[b-09l193py4w] {
        transform: translateY(-1px);
        box-shadow: 0 16px 30px rgba(73, 51, 170, 0.25);
    }

.welcome-btn-secondary[b-09l193py4w] {
    background: transparent;
    color: #6d58c4;
    border: 1.5px solid rgba(138, 116, 201, 0.7);
    box-shadow: none;
}

    .welcome-btn-secondary:hover[b-09l193py4w] {
        background: rgba(138, 116, 201, 0.08);
        box-shadow: none;
    }

.welcome-right[b-09l193py4w] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height:100%;
    padding-top: 140px;
}

.welcome-photo-card[b-09l193py4w] {
    position: relative;
    width: 100%;
    max-width: 440px;
    border-radius: 28px;
    overflow: hidden;
    background: white;
    box-shadow: 0 24px 50px rgba(20, 18, 30, 0.12), 0 8px 18px rgba(20, 18, 30, 0.06);
}

.welcome-photo[b-09l193py4w] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.welcome-panels[b-09l193py4w] {
    position: relative;
    z-index: 2;
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.welcome-panel-item[b-09l193py4w] {
    background: rgba(138, 116, 201, 0.05);
    border: 1px solid rgba(138, 116, 201, 0.12);
    border-radius: 22px;
    padding: 22px 20px;
}

.welcome-panel-icon[b-09l193py4w] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-bottom: 14px;
    background: linear-gradient(135deg, #8a74c9, #aaa0db);
    box-shadow: 0 0 0 6px rgba(138, 116, 201, 0.10);
}

.welcome-panel-header[b-09l193py4w] {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    color: #1c1e2a;
    margin-bottom: 10px;
}

.welcome-panel-text[b-09l193py4w] {
    font-size: 14px;
    line-height: 1.7;
    color: #6f7083;
}

.welcome-glow[b-09l193py4w] {
    position: absolute;
    border-radius: 999px;
    filter: blur(60px);
    opacity: 0.18;
    pointer-events: none;
    z-index: 1;
}

.welcome-glow-1[b-09l193py4w] {
    width: 220px;
    height: 220px;
    background: #8a74c9;
    top: -40px;
    left: -40px;
}

.welcome-glow-2[b-09l193py4w] {
    width: 240px;
    height: 240px;
    background: #aaa0db;
    bottom: -60px;
    right: -60px;
}

@media (max-width: 1100px) {
    .welcome-content[b-09l193py4w] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .welcome-right[b-09l193py4w] {
        justify-content: flex-start;
    }

    .welcome-photo-card[b-09l193py4w] {
        max-width: 520px;
    }

    .welcome-panels[b-09l193py4w] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .welcome-section[b-09l193py4w] {
        padding: 44px 0;
    }

    .welcome-card[b-09l193py4w] {
        padding: 28px 20px;
        border-radius: 24px;
    }

    .welcome-title[b-09l193py4w] {
        font-size: clamp(26px, 8vw, 38px);
    }

    .welcome-text[b-09l193py4w] {
        font-size: 15px;
        line-height: 1.75;
    }

    .welcome-btn[b-09l193py4w] {
        width: 100%;
    }
}
/* =========================================================
   HERO -> WELCOME BRIDGE
   ========================================================= */

.welcome-section[b-09l193py4w] {
    position: relative;
    z-index: 2;
    margin-top: -64px;    
    padding: 0 0 72px;
    background: transparent;
}

/* карточка чуть сильнее вытаскивается вперед */
.welcome-card[b-09l193py4w] {
    box-shadow: 0 30px 70px rgba(36, 30, 70, 0.12), 0 10px 24px rgba(36, 30, 70, 0.06);
}

/* на больших экранах overlap можно сделать чуть сильнее */
@media (min-width: 1400px) {
    .welcome-section[b-09l193py4w] {
        margin-top: -104px;
    }
}

/* на планшетах помягче */
@media (max-width: 1100px) {
    .welcome-section[b-09l193py4w] {
        margin-top: -56px;
    }
}

/* на телефонах лучше убрать сильное наложение */
@media (max-width: 768px) {
    .welcome-section[b-09l193py4w] {
        margin-top: -24px;
        padding-top: 0;
    }
}

@media (min-width: 1400px) {
    .welcome-section[b-09l193py4w] {
        margin-top: -80px;
    }
}

@media (max-width: 1100px) {
    .welcome-section[b-09l193py4w] {
        margin-top: -40px;
    }
}

@media (max-width: 768px) {
    .welcome-section[b-09l193py4w] {
        margin-top: -16px;
    }

    .event-hero-section[b-09l193py4w]::after {
        height: 96px;
    }
}
/* /Components/Pages/Home/Views/HomeAboutSection.razor.rz.scp.css */
.home-about-section[b-n6zwaogi5t] {
    padding: 34px 0 38px;
}

.home-about-shell[b-n6zwaogi5t] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.80), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    padding: 36px 32px 34px;
}

.home-about-glow[b-n6zwaogi5t] {
    position: absolute;
    border-radius: 999px;
    filter: blur(80px);
    opacity: 0.14;
    pointer-events: none;
}

.home-about-glow-1[b-n6zwaogi5t] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -70px;
    left: -60px;
}

.home-about-glow-2[b-n6zwaogi5t] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -90px;
    right: -90px;
}

.home-about-layout[b-n6zwaogi5t] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 28px;
    align-items: center;
}

.home-about-content[b-n6zwaogi5t] {
    min-width: 0;
}

.home-about-brand[b-n6zwaogi5t] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 10px;
}

.home-about-title[b-n6zwaogi5t] {
    margin: 0;
    font-size: clamp(32px, 2.7vw, 48px);
    line-height: 1.08;
    font-weight: 800;
    color: #18181b;
}

.home-about-title-line[b-n6zwaogi5t] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 14px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.home-about-text[b-n6zwaogi5t] {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.85;
    color: #66687a;
    max-width: 720px;
}

.home-about-actions[b-n6zwaogi5t] {
    margin-top: 26px;
}

.home-about-btn[b-n6zwaogi5t] {
    min-width: 160px;
    height: 50px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.22);
    background: rgba(138, 116, 201, 0.08);
    color: #6d58c4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
}

    .home-about-btn:hover[b-n6zwaogi5t] {
        background: rgba(138, 116, 201, 0.12);
        color: #5b46b8;
        transform: translateY(-1px);
    }

.home-about-side[b-n6zwaogi5t] {
    min-width: 0;
}

.home-about-stats-card[b-n6zwaogi5t] {
    border-radius: 30px;
    background: rgba(255,255,255,0.84);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 20px 40px rgba(36, 30, 70, 0.07), 0 8px 14px rgba(36, 30, 70, 0.04);
    padding: 28px 24px;
}

.home-about-stats-card__header[b-n6zwaogi5t] {
    margin-bottom: 20px;
}

.home-about-stats-card__caption[b-n6zwaogi5t] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 8px;
}

.home-about-stats-card__title[b-n6zwaogi5t] {
    font-size: 28px;
    line-height: 1.12;
    font-weight: 800;
    color: #18181b;
}

.home-about-stats-grid[b-n6zwaogi5t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.home-about-stat[b-n6zwaogi5t] {
    padding: 18px 16px;
    border-radius: 22px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.10);
}

.home-about-stat__value[b-n6zwaogi5t] {
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    color: #4933aa;
    margin-bottom: 10px;
}

.home-about-stat__label[b-n6zwaogi5t] {
    font-size: 13px;
    line-height: 1.6;
    color: #66687a;
}

@media (max-width: 1100px) {
    .home-about-layout[b-n6zwaogi5t] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .home-about-shell[b-n6zwaogi5t] {
        padding: 24px 16px 20px;
        border-radius: 24px;
    }

    .home-about-text[b-n6zwaogi5t] {
        font-size: 14px;
        line-height: 1.75;
    }

    .home-about-stats-card[b-n6zwaogi5t] {
        border-radius: 24px;
        padding: 20px 16px;
    }

    .home-about-stats-grid[b-n6zwaogi5t] {
        grid-template-columns: 1fr;
    }

    .home-about-btn[b-n6zwaogi5t] {
        width: 100%;
    }
}
/* /Components/Pages/Home/Views/HomeNewsSection.razor.rz.scp.css */
.home-news-section[b-d6leidpkdm] {
    position: relative;
    padding: 34px 0 36px;
}

.home-news-bg[b-d6leidpkdm] {
    position: relative;
    overflow: hidden;
    padding: 86px 0 88px;
    background: linear-gradient(135deg, #3f2f92 0%, #4933aa 50%, #5a41c2 100%);
}

    .home-news-bg[b-d6leidpkdm]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient( circle at 12% 18%, rgba(255,255,255,0.12), transparent 26% ), radial-gradient( circle at 82% 22%, rgba(255,255,255,0.08), transparent 24% ), radial-gradient( circle at 72% 78%, rgba(170,160,219,0.18), transparent 30% ), radial-gradient( circle at 30% 90%, rgba(255,255,255,0.06), transparent 26% );
        opacity: 0.9;
    }

    .home-news-bg[b-d6leidpkdm]::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: repeating-linear-gradient( 45deg, rgba(255,255,255,0.015), rgba(255,255,255,0.015) 2px, transparent 2px, transparent 6px );
        opacity: 0.6;
    }

    .home-news-bg .container-lg[b-d6leidpkdm]::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(255,255,255,0.12), transparent 70% );
        top: -160px;
        right: -120px;
        filter: blur(10px);
        pointer-events: none;
    }

    .home-news-bg .container-lg[b-d6leidpkdm]::after {
        content: "";
        position: absolute;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(170,160,219,0.22), transparent 70% );
        bottom: -140px;
        left: -120px;
        filter: blur(10px);
        pointer-events: none;
    }

.home-news-header[b-d6leidpkdm] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 30px;
}

.home-news-brand[b-d6leidpkdm] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.82);
    margin-bottom: 12px;
}

.home-news-title[b-d6leidpkdm] {
    margin: 0;
    font-size: clamp(34px, 1.4vw, 52px);
    line-height: 1.08;
    font-weight: 800;
    color: white;
}

.home-news-title-line[b-d6leidpkdm] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 16px;
    background: linear-gradient(90deg, #c5baf0, rgba(255,255,255,0.95));
}

.home-news-subtitle[b-d6leidpkdm] {
    margin-top: 20px;
    max-width: 720px;
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255,255,255,0.84);
}

.home-news-count-pill[b-d6leidpkdm] {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.18);
    color: white;
    font-size: 14px;
    font-weight: 700;
    backdrop-filter: blur(8px);
}

.home-news-layout[b-d6leidpkdm] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 24px;
    align-items: start;
}

.home-news-featured[b-d6leidpkdm] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 30px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(255,255,255,0.16);
    box-shadow: 0 26px 52px rgba(20, 18, 30, 0.16), 0 10px 20px rgba(20, 18, 30, 0.06);
    text-decoration: none;
    transition: transform 0.24s ease, box-shadow 0.24s ease;
}

    .home-news-featured:hover[b-d6leidpkdm] {
        transform: translateY(-4px);
        box-shadow: 0 30px 58px rgba(20, 18, 30, 0.18), 0 12px 24px rgba(20, 18, 30, 0.07);
    }

.home-news-featured__image-wrap[b-d6leidpkdm] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: rgba(138, 116, 201, 0.10);
}

.home-news-featured__image[b-d6leidpkdm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.28s ease;
}

.home-news-featured:hover .home-news-featured__image[b-d6leidpkdm] {
    transform: scale(1.03);
}

.home-news-featured__badges[b-d6leidpkdm] {
    position: absolute;
    left: 18px;
    top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.home-news-badge[b-d6leidpkdm] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
}

    .home-news-badge.hot[b-d6leidpkdm] {
        background: rgba(255, 99, 132, 0.14);
        color: #b92d52;
        border: 1px solid rgba(255, 99, 132, 0.16);
    }

    .home-news-badge.date[b-d6leidpkdm] {
        background: rgba(255,255,255,0.92);
        color: #2d2d35;
        border: 1px solid rgba(138, 116, 201, 0.10);
        backdrop-filter: blur(8px);
    }

    .home-news-badge.small[b-d6leidpkdm] {
        min-height: 26px;
        padding: 0 10px;
        font-size: 11px;
    }

.home-news-featured__body[b-d6leidpkdm] {
    padding: 24px 24px 20px;
}

.home-news-featured__title[b-d6leidpkdm] {
    font-size: clamp(24px, 1.4vw, 34px);
    line-height: 1.22;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 16px;
}

.home-news-featured__text[b-d6leidpkdm] {
    font-size: 15px;
    line-height: 1.8;
    color: #66687a;
}

.home-news-featured__footer[b-d6leidpkdm] {
    margin-top: 2px;
    padding-top: 14px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-news-link-text[b-d6leidpkdm] {
    font-size: 14px;
    font-weight: 700;
    color: #6d58c4;
}

.home-news-link-arrow[b-d6leidpkdm] {
    font-size: 20px;
    line-height: 1;
    color: #6d58c4;
    transition: transform 0.18s ease;
}

.home-news-featured:hover .home-news-link-arrow[b-d6leidpkdm] {
    transform: translateX(2px);
}

.home-news-list[b-d6leidpkdm] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.home-news-card[b-d6leidpkdm] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 16px;
    padding: 14px;
    border-radius: 24px;
    background: rgba(255,255,255,0.90);
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: 0 16px 30px rgba(20, 18, 30, 0.10), 0 6px 12px rgba(20, 18, 30, 0.04);
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

    .home-news-card:hover[b-d6leidpkdm] {
        transform: translateY(-3px);
        box-shadow: 0 20px 36px rgba(20, 18, 30, 0.12), 0 8px 14px rgba(20, 18, 30, 0.05);
    }

.home-news-card__image-wrap[b-d6leidpkdm] {
    border-radius: 18px;
    overflow: hidden;
    background: rgba(138, 116, 201, 0.08);
    aspect-ratio: 1 / 1;
}

.home-news-card__image[b-d6leidpkdm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-news-card__body[b-d6leidpkdm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-news-card__meta[b-d6leidpkdm] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.home-news-card__date[b-d6leidpkdm] {
    font-size: 12px;
    font-weight: 700;
    color: #8a8ca0;
}

.home-news-card__title[b-d6leidpkdm] {
    font-size: 19px;
    line-height: 1.35;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-news-card__text[b-d6leidpkdm] {
    font-size: 14px;
    line-height: 1.6;
    color: #66687a;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-news-bottom[b-d6leidpkdm] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.home-news-show-all-btn[b-d6leidpkdm] {
    min-width: 180px;
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.10);
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.22s ease;
    backdrop-filter: blur(8px);
}

    .home-news-show-all-btn:hover[b-d6leidpkdm] {
        background: rgba(255,255,255,0.15);
        color: white;
        transform: translateY(-1px);
    }

@media (max-width: 1100px) {
    .home-news-header[b-d6leidpkdm] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .home-news-layout[b-d6leidpkdm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .home-news-bg[b-d6leidpkdm] {
        padding: 58px 0 64px;
    }

    .home-news-subtitle[b-d6leidpkdm] {
        font-size: 14px;
        line-height: 1.7;
    }

    .home-news-featured[b-d6leidpkdm],
    .home-news-card[b-d6leidpkdm] {
        border-radius: 22px;
    }

    .home-news-card[b-d6leidpkdm] {
        grid-template-columns: 1fr;
    }

    .home-news-card__image-wrap[b-d6leidpkdm] {
        aspect-ratio: 16 / 9;
    }

    .home-news-featured__body[b-d6leidpkdm],
    .home-news-card__body[b-d6leidpkdm] {
        padding: 18px 16px 16px;
    }

    .home-news-show-all-btn[b-d6leidpkdm] {
        width: 100%;
    }
}
/* /Components/Pages/Home/Views/HomeOrganizersSection.razor.rz.scp.css */
.home-organizers-section[b-mglz4rjkm7] {
    position: relative;
    padding: 34px 0 36px;
}

.home-organizers-bg[b-mglz4rjkm7] {
    position: relative;
    overflow: hidden;
    padding: 84px 0 88px;
    background: radial-gradient(circle at 18% 18%, rgba(255,255,255,0.06), transparent 14%), radial-gradient(circle at 78% 22%, rgba(255,255,255,0.05), transparent 14%), radial-gradient(circle at 74% 84%, rgba(170,160,219,0.10), transparent 18%), linear-gradient(135deg, #3f2f92 0%, #4933aa 48%, #563db6 100%);
}

    .home-organizers-bg[b-mglz4rjkm7]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at center, rgba(255,255,255,0.05), transparent 34%);
        opacity: 0.9;
    }

.home-organizers-header[b-mglz4rjkm7] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 30px;
}

.home-organizers-brand[b-mglz4rjkm7] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.82);
    margin-bottom: 12px;
}

.home-organizers-title[b-mglz4rjkm7] {
    margin: 0;
    font-size: clamp(34px, 3vw, 52px);
    line-height: 1.08;
    font-weight: 800;
    color: white;
}

.home-organizers-title-line[b-mglz4rjkm7] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 16px;
    background: linear-gradient(90deg, #c5baf0, rgba(255,255,255,0.95));
}

.home-organizers-subtitle[b-mglz4rjkm7] {
    margin-top: 20px;
    max-width: 720px;
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255,255,255,0.84);
}

.home-organizers-count-pill[b-mglz4rjkm7] {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.18);
    color: white;
    font-size: 14px;
    font-weight: 700;
    backdrop-filter: blur(8px);
}

.home-organizers-grid[b-mglz4rjkm7] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.home-organizers-card[b-mglz4rjkm7] {
    width: 100%;
    height: 100%;
    padding: 22px 18px 18px;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.10);
    box-shadow: 0 18px 34px rgba(20, 18, 30, 0.12), 0 8px 16px rgba(20, 18, 30, 0.04);
    backdrop-filter: blur(8px);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

    .home-organizers-card:hover[b-mglz4rjkm7] {
        transform: translateY(-4px);
        background: rgba(255,255,255,0.14);
        border-color: rgba(255,255,255,0.18);
        box-shadow: 0 24px 42px rgba(20, 18, 30, 0.16), 0 10px 18px rgba(20, 18, 30, 0.05);
    }

.home-organizers-card__avatar-wrap[b-mglz4rjkm7] {
    width: 118px;
    height: 118px;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255,255,255,0.16);
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: 0 12px 20px rgba(20, 18, 30, 0.12), 0 0 0 6px rgba(255,255,255,0.04);
    margin-bottom: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home-organizers-card:hover .home-organizers-card__avatar-wrap[b-mglz4rjkm7] {
    transform: scale(1.03);
    box-shadow: 0 16px 24px rgba(20, 18, 30, 0.14), 0 0 0 8px rgba(255,255,255,0.06);
}

.home-organizers-card__avatar[b-mglz4rjkm7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-organizers-card__name[b-mglz4rjkm7] {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
    color: white;
    margin-bottom: 12px;
    min-height: 52px;
}

.home-organizers-card__role[b-mglz4rjkm7] {
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255,255,255,0.82);
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-organizers-card__more[b-mglz4rjkm7] {
    margin-top: auto;
    font-size: 13px;
    font-weight: 700;
    color: rgba(255,255,255,0.90);
}

.home-organizers-bottom[b-mglz4rjkm7] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.home-organizers-show-all-btn[b-mglz4rjkm7] {
    min-width: 180px;
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.10);
    color: white;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.22s ease;
    backdrop-filter: blur(8px);
}

    .home-organizers-show-all-btn:hover[b-mglz4rjkm7] {
        background: rgba(255,255,255,0.15);
        color: white;
        transform: translateY(-1px);
    }

@media (max-width: 1100px) {
    .home-organizers-header[b-mglz4rjkm7] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .home-organizers-grid[b-mglz4rjkm7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .home-organizers-bg[b-mglz4rjkm7] {
        padding: 58px 0 64px;
    }

    .home-organizers-subtitle[b-mglz4rjkm7] {
        font-size: 14px;
        line-height: 1.7;
    }

    .home-organizers-grid[b-mglz4rjkm7] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-organizers-card[b-mglz4rjkm7] {
        border-radius: 22px;
    }

    .home-organizers-card__avatar-wrap[b-mglz4rjkm7] {
        width: 104px;
        height: 104px;
        border-radius: 24px;
    }

    .home-organizers-show-all-btn[b-mglz4rjkm7] {
        width: 100%;
    }
}
/* /Components/Pages/Home/Views/HomePastEventsSection.razor.rz.scp.css */
.home-past-section[b-k0nt2tj96w] {
    padding: 34px 0 40px;
    background: transparent;
}

.home-past-shell[b-k0nt2tj96w] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.80), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    padding: 36px 32px 32px;
}

.home-past-glow[b-k0nt2tj96w] {
    position: absolute;
    border-radius: 999px;
    filter: blur(80px);
    opacity: 0.14;
    pointer-events: none;
}

.home-past-glow-1[b-k0nt2tj96w] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -70px;
    left: -60px;
}

.home-past-glow-2[b-k0nt2tj96w] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -90px;
    right: -90px;
}

.home-past-header[b-k0nt2tj96w] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 28px;
}

.home-past-brand[b-k0nt2tj96w] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 10px;
}

.home-past-title[b-k0nt2tj96w] {
    margin: 0;
    font-size: clamp(32px, 2.7vw, 46px);
    line-height: 1.08;
    font-weight: 800;
    color: #18181b;
}

.home-past-title-line[b-k0nt2tj96w] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 14px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.home-past-subtitle[b-k0nt2tj96w] {
    margin-top: 18px;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.75;
    color: #6b6c7e;
}

.home-past-count-pill[b-k0nt2tj96w] {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
}

.home-past-grid[b-k0nt2tj96w] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.home-past-card[b-k0nt2tj96w] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 6px 12px rgba(36, 30, 70, 0.03);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

    .home-past-card:hover[b-k0nt2tj96w] {
        transform: translateY(-4px);
        border-color: rgba(138, 116, 201, 0.18);
        box-shadow: 0 24px 42px rgba(36, 30, 70, 0.10), 0 10px 20px rgba(36, 30, 70, 0.04);
    }

.home-past-card__image-wrap[b-k0nt2tj96w] {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: rgba(138, 116, 201, 0.05);
}

.home-past-card__image[b-k0nt2tj96w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.26s ease;
}

.home-past-card:hover .home-past-card__image[b-k0nt2tj96w] {
    transform: scale(1.03);
}

.home-past-card__date-pill[b-k0nt2tj96w] {
    position: absolute;
    right: 16px;
    top: 16px;
    max-width: calc(100% - 32px);
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(138, 116, 201, 0.10);
    color: #2b2d3a;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(36, 30, 70, 0.08);
    backdrop-filter: blur(8px);
}

.home-past-card__body[b-k0nt2tj96w] {
    padding: 20px 18px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.home-past-card__title[b-k0nt2tj96w] {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-past-card__location[b-k0nt2tj96w] {
    font-size: 14px;
    line-height: 1.65;
    color: #66687a;
    margin-bottom: 18px;
}

.home-past-card__footer[b-k0nt2tj96w] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

.home-past-card__action[b-k0nt2tj96w] {
    font-size: 14px;
    font-weight: 700;
    color: #6d58c4;
}

.home-past-card__arrow[b-k0nt2tj96w] {
    font-size: 20px;
    line-height: 1;
    color: #6d58c4;
    transition: transform 0.18s ease;
}

.home-past-card:hover .home-past-card__arrow[b-k0nt2tj96w] {
    transform: translateX(2px);
}

.home-past-bottom[b-k0nt2tj96w] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.home-past-show-all-btn[b-k0nt2tj96w] {
    min-width: 210px;
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.20);
    background: rgba(138, 116, 201, 0.08);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.22s ease;
}

    .home-past-show-all-btn:hover[b-k0nt2tj96w] {
        background: rgba(138, 116, 201, 0.12);
        color: #5b46b8;
        transform: translateY(-1px);
    }

@media (max-width: 1100px) {
    .home-past-header[b-k0nt2tj96w] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .home-past-grid[b-k0nt2tj96w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .home-past-shell[b-k0nt2tj96w] {
        padding: 24px 16px 20px;
        border-radius: 24px;
    }

    .home-past-grid[b-k0nt2tj96w] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-past-subtitle[b-k0nt2tj96w] {
        font-size: 14px;
        line-height: 1.7;
    }

    .home-past-card[b-k0nt2tj96w] {
        border-radius: 22px;
    }

    .home-past-show-all-btn[b-k0nt2tj96w] {
        width: 100%;
    }
}
/* /Components/Pages/Home/Views/HomeUpcomingEventsSection.razor.rz.scp.css */
.home-upcoming-section[b-xtqtoaz88b] {
    padding: 26px 0 38px;
}

.home-upcoming-shell[b-xtqtoaz88b] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    padding: 36px 32px 32px;
}

    .home-upcoming-shell[b-xtqtoaz88b]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at 16% 18%, rgba(138, 116, 201, 0.08), transparent 18%), radial-gradient(circle at 82% 76%, rgba(170, 160, 219, 0.08), transparent 20%);
        opacity: 0.9;
    }

.home-upcoming-header[b-xtqtoaz88b] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 28px;
}

.home-upcoming-brand[b-xtqtoaz88b] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 10px;
}

.home-upcoming-title[b-xtqtoaz88b] {
    margin: 0;
    font-size: clamp(32px, 2.7vw, 46px);
    line-height: 1.08;
    font-weight: 800;
    color: #18181b;
}

.home-upcoming-title-line[b-xtqtoaz88b] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 14px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.home-upcoming-subtitle[b-xtqtoaz88b] {
    margin-top: 18px;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.75;
    color: #6b6c7e;
}

.home-upcoming-count-pill[b-xtqtoaz88b] {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
}

.home-upcoming-layout[b-xtqtoaz88b] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 22px;
    align-items: stretch;
}

.home-upcoming-featured[b-xtqtoaz88b] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: 30px;
    overflow: hidden;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 20px 40px rgba(36, 30, 70, 0.08), 0 8px 14px rgba(36, 30, 70, 0.04);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

    .home-upcoming-featured:hover[b-xtqtoaz88b] {
        transform: translateY(-4px);
        border-color: rgba(138, 116, 201, 0.18);
        box-shadow: 0 28px 46px rgba(36, 30, 70, 0.12), 0 10px 18px rgba(36, 30, 70, 0.05);
    }

.home-upcoming-featured__image-wrap[b-xtqtoaz88b] {
    position: relative;
    aspect-ratio: 16 / 9;
    background: rgba(138, 116, 201, 0.05);
    overflow: hidden;
}

.home-upcoming-featured__image[b-xtqtoaz88b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.26s ease;
}

.home-upcoming-featured:hover .home-upcoming-featured__image[b-xtqtoaz88b] {
    transform: scale(1.03);
}

.home-upcoming-featured__date-pill[b-xtqtoaz88b] {
    position: absolute;
    right: 18px;
    top: 18px;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(138, 116, 201, 0.10);
    color: #2b2d3a;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(36, 30, 70, 0.08);
    backdrop-filter: blur(8px);
}

.home-upcoming-featured__body[b-xtqtoaz88b] {
    padding: 22px 22px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.home-upcoming-featured__title[b-xtqtoaz88b] {
    font-size: clamp(24px, 1.8vw, 32px);
    line-height: 1.18;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 12px;
}

.home-upcoming-featured__location[b-xtqtoaz88b] {
    font-size: 15px;
    line-height: 1.65;
    color: #66687a;
    margin-bottom: 20px;
}

.home-upcoming-featured__footer[b-xtqtoaz88b] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

.home-upcoming-featured__action[b-xtqtoaz88b] {
    font-size: 14px;
    font-weight: 700;
    color: #6d58c4;
}

.home-upcoming-featured__arrow[b-xtqtoaz88b] {
    font-size: 20px;
    color: #6d58c4;
    transition: transform 0.18s ease;
}

.home-upcoming-featured:hover .home-upcoming-featured__arrow[b-xtqtoaz88b] {
    transform: translateX(2px);
}

.home-upcoming-list[b-xtqtoaz88b] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home-upcoming-side-card[b-xtqtoaz88b] {
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: 14px;
    text-decoration: none;
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255,255,255,0.90);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 16px 30px rgba(36, 30, 70, 0.06), 0 6px 12px rgba(36, 30, 70, 0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .home-upcoming-side-card:hover[b-xtqtoaz88b] {
        transform: translateY(-3px);
        border-color: rgba(138, 116, 201, 0.18);
        box-shadow: 0 20px 34px rgba(36, 30, 70, 0.10), 0 8px 14px rgba(36, 30, 70, 0.04);
    }

.home-upcoming-side-card__image-wrap[b-xtqtoaz88b] {
    background: rgba(138, 116, 201, 0.05);
    overflow: hidden;
    min-height: 126px;
}

.home-upcoming-side-card__image[b-xtqtoaz88b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-upcoming-side-card__body[b-xtqtoaz88b] {
    min-width: 0;
    padding: 16px 16px 14px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-upcoming-side-card__date[b-xtqtoaz88b] {
    font-size: 12px;
    font-weight: 700;
    color: #8a8ca0;
    margin-bottom: 8px;
}

.home-upcoming-side-card__title[b-xtqtoaz88b] {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-upcoming-side-card__location[b-xtqtoaz88b] {
    font-size: 14px;
    line-height: 1.55;
    color: #66687a;
}

@media (max-width: 1100px) {
    .home-upcoming-header[b-xtqtoaz88b] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .home-upcoming-layout[b-xtqtoaz88b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .home-upcoming-shell[b-xtqtoaz88b] {
        padding: 24px 16px 18px;
        border-radius: 24px;
    }

    .home-upcoming-subtitle[b-xtqtoaz88b] {
        font-size: 14px;
        line-height: 1.7;
    }

    .home-upcoming-featured[b-xtqtoaz88b],
    .home-upcoming-side-card[b-xtqtoaz88b] {
        border-radius: 22px;
    }

    .home-upcoming-side-card[b-xtqtoaz88b] {
        grid-template-columns: 1fr;
    }

    .home-upcoming-side-card__image-wrap[b-xtqtoaz88b] {
        min-height: auto;
        aspect-ratio: 16 / 9;
    }

    .home-upcoming-side-card__body[b-xtqtoaz88b] {
        padding: 16px;
    }
}
/* /Components/Pages/News/AllNews.razor.rz.scp.css */
.event-inner-header__brand[b-rc7cgtjf08] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 10px;
}

.news-page-shell[b-rc7cgtjf08] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.news-page-top[b-rc7cgtjf08] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 22px;
}

.news-page-featured[b-rc7cgtjf08],
.news-page-secondary-card[b-rc7cgtjf08],
.news-feed-item[b-rc7cgtjf08] {
    text-decoration: none;
    color: inherit;
}

.news-page-featured[b-rc7cgtjf08] {
    overflow: hidden;
    border-radius: 30px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .news-page-featured:hover[b-rc7cgtjf08],
    .news-page-secondary-card:hover[b-rc7cgtjf08],
    .news-feed-item:hover[b-rc7cgtjf08] {
        transform: translateY(-2px);
    }

.news-page-featured__image-wrap[b-rc7cgtjf08] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

    .news-page-featured__image-wrap img[b-rc7cgtjf08] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.news-page-featured__meta[b-rc7cgtjf08] {
    position: absolute;
    left: 18px;
    top: 18px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.news-page-featured__body[b-rc7cgtjf08] {
    padding: 22px 22px 20px;
}

    .news-page-featured__body h2[b-rc7cgtjf08] {
        margin: 0 0 12px 0;
        font-size: clamp(20px, 1.6vw, 30px);
        line-height: 1.18;
        font-weight: 800;
        color: #18181b;
    }

    .news-page-featured__body p[b-rc7cgtjf08] {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
        color: #5f6275;
    }

.news-page-secondary[b-rc7cgtjf08] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 22px;
}

.news-page-secondary-card[b-rc7cgtjf08] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 16px;
    padding: 14px;
    border-radius: 24px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 8px 14px rgba(36, 30, 70, 0.03);
}

.news-page-secondary-card__image[b-rc7cgtjf08] {
    border-radius: 18px;
    overflow: hidden;
    background: #f4f5fa;
}

    .news-page-secondary-card__image img[b-rc7cgtjf08] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.news-page-secondary-card__body[b-rc7cgtjf08] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-page-secondary-card__meta[b-rc7cgtjf08],
.news-feed-item__meta[b-rc7cgtjf08] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.news-page-secondary-card__body h3[b-rc7cgtjf08],
.news-feed-item__content h3[b-rc7cgtjf08] {
    margin: 0 0 10px 0;
    font-size: 17px;
    line-height: 1.28;
    font-weight: 800;
    color: #18181b;
}

.news-page-secondary-card__body p[b-rc7cgtjf08],
.news-feed-item__content p[b-rc7cgtjf08] {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #5f6275;
}

.news-page-badge[b-rc7cgtjf08] {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

    .news-page-badge.hot[b-rc7cgtjf08] {
        background: #ffe6e6;
        color: #c93030;
    }

.news-page-date[b-rc7cgtjf08] {
    font-size: 13px;
    color: #8a8fa4;
}

.news-page-list[b-rc7cgtjf08] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.news-feed-item[b-rc7cgtjf08] {
    display: grid;
    grid-template-columns: 180px 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 16px;
    border-radius: 24px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 8px 14px rgba(36, 30, 70, 0.03);
}

.news-feed-item__image[b-rc7cgtjf08] {
    border-radius: 18px;
    overflow: hidden;
    background: #f4f5fa;
    aspect-ratio: 16 / 10;
}

    .news-feed-item__image img[b-rc7cgtjf08] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.news-feed-item__content[b-rc7cgtjf08] {
    min-width: 0;
}

.news-feed-item__arrow[b-rc7cgtjf08] {
    font-size: 22px;
    color: #7b63d6;
    padding-right: 6px;
}

.news-pagination[b-rc7cgtjf08] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.news-pagination__pages[b-rc7cgtjf08] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.news-pagination__page[b-rc7cgtjf08],
.news-pagination__btn[b-rc7cgtjf08] {
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    background: rgba(138, 116, 201, 0.08);
    color: #6d58c4;
    border: 1px solid rgba(138, 116, 201, 0.10);
}

    .news-pagination__page.is-active[b-rc7cgtjf08] {
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        border-color: transparent;
    }

.news-empty-state[b-rc7cgtjf08] {
    min-height: 360px;
    border-radius: 30px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
}

.news-empty-state__icon[b-rc7cgtjf08] {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 16px;
}

.news-empty-state h3[b-rc7cgtjf08] {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: 800;
    color: #18181b;
}

.news-empty-state p[b-rc7cgtjf08] {
    margin: 0;
    font-size: 15px;
    color: #5f6275;
}

@media (max-width: 1100px) {
    .news-page-top[b-rc7cgtjf08] {
        grid-template-columns: 1fr;
    }

    .news-page-secondary[b-rc7cgtjf08] {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }
}

@media (max-width: 700px) {
    .news-page-secondary-card[b-rc7cgtjf08],
    .news-feed-item[b-rc7cgtjf08] {
        grid-template-columns: 1fr;
    }

    .news-feed-item__arrow[b-rc7cgtjf08] {
        display: none;
    }

    .news-pagination[b-rc7cgtjf08] {
        justify-content: center;
    }
}
/* /Components/Pages/News/NewsDetails.razor.rz.scp.css */


.news-details-shell[b-s66vb9ilpi] {
    display: flex;
    flex-direction: column;
    gap: 26px;
}


/* HERO */

.news-hero[b-s66vb9ilpi] {
    padding: 4px 0 8px 0;
}

.news-hero__meta[b-s66vb9ilpi] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.news-hero__eyebrow[b-s66vb9ilpi] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #6d58c4;
}

.news-date[b-s66vb9ilpi] {
    font-size: 13px;
    color: #8a8fa4;
}

.news-badge[b-s66vb9ilpi] {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

    .news-badge.hot[b-s66vb9ilpi] {
        background: #ffe6e6;
        color: #c93030;
    }


.news-title[b-s66vb9ilpi] {
    margin: 0 0 10px 0;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 800;
    line-height: 1.15;
    color: #18181b;
}


.news-source-btn[b-s66vb9ilpi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    background: rgba(109, 88, 196, 0.08);
    color: #6d58c4;
    transition: 0.2s;
}

    .news-source-btn:hover[b-s66vb9ilpi] {
        background: rgba(109, 88, 196, 0.14);
    }


/* COVER */

.news-cover[b-s66vb9ilpi] {
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 40px rgba(36, 30, 70, 0.08), 0 6px 14px rgba(36, 30, 70, 0.05);
}

    .news-cover img[b-s66vb9ilpi] {
        width: 100%;
        height: auto;
        display: block;
    }


/* BODY */

.news-body[b-s66vb9ilpi] {
    max-width: 900px;
    font-size: 16px;
    line-height: 1.8;
    color: #424557;
}

    .news-body p[b-s66vb9ilpi] {
        margin-bottom: 18px;
    }

    .news-body h2[b-s66vb9ilpi] {
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .news-body h3[b-s66vb9ilpi] {
        margin-top: 18px;
    }

    .news-body ul[b-s66vb9ilpi] {
        padding-left: 18px;
    }

    .news-body a[b-s66vb9ilpi] {
        color: #6d58c4;
        text-decoration: none;
    }

        .news-body a:hover[b-s66vb9ilpi] {
            text-decoration: underline;
        }


/* FOOTER */

.news-footer[b-s66vb9ilpi] {
    margin-top: 20px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.news-back-btn[b-s66vb9ilpi] {
    padding: 10px 16px;
    border-radius: 999px;
    text-decoration: none;
    background: rgba(0,0,0,0.05);
    color: #333;
    font-size: 14px;
}

    .news-back-btn:hover[b-s66vb9ilpi] {
        background: rgba(0,0,0,0.08);
    }


.news-open-btn[b-s66vb9ilpi] {
    padding: 10px 16px;
    border-radius: 999px;
    text-decoration: none;
    background: #6d58c4;
    color: white;
    font-size: 14px;
}

    .news-open-btn:hover[b-s66vb9ilpi] {
        background: #5946b3;
    }



/* MOBILE */

@media (max-width: 700px) {

    .news-title[b-s66vb9ilpi] {
        font-size: 24px;
    }

    .news-body[b-s66vb9ilpi] {
        font-size: 15px;
    }
}
/* /Components/Pages/Online/OnlineNew.razor.rz.scp.css */
.event-inner-page-shell[b-kwz14rjvbn] {
    padding: 10px 0 24px;
}

.event-inner-page-card[b-kwz14rjvbn] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.event-inner-page-content[b-kwz14rjvbn] {
    position: relative;
    z-index: 2;
    padding: 34px 30px 30px;
}

.event-inner-page-glow[b-kwz14rjvbn] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.14;
    pointer-events: none;
    z-index: 1;
}

.event-inner-page-glow-1[b-kwz14rjvbn] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -60px;
    left: -60px;
}

.event-inner-page-glow-2[b-kwz14rjvbn] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -80px;
}

.online-page-content-switcher[b-kwz14rjvbn] {
    margin-top: 22px;
    margin-bottom: 18px;
}

.online-page-content-panel[b-kwz14rjvbn] {
    border-radius: 30px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 24px 50px rgba(20, 18, 30, 0.08), 0 8px 18px rgba(20, 18, 30, 0.04);
    overflow: hidden;
}

.online-page-content-panel__inner[b-kwz14rjvbn] {
    padding: 20px 18px;
}

@media (max-width: 700px) {
    .online-page-content-panel[b-kwz14rjvbn] {
        border-radius: 22px;
    }

    .online-page-content-panel__inner[b-kwz14rjvbn] {
        padding: 14px 10px;
    }
}
/* /Components/Pages/Online/Views/ConferenceChatView.razor.rz.scp.css */
.conference-chat[b-lqd7kco4dy] {
    display: flex;
    flex-direction: column;
    min-height: 560px;
    border-radius: 26px;
    background: rgba(255,255,255,0.98);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 20px 40px rgba(20, 18, 30, 0.06), 0 8px 16px rgba(20, 18, 30, 0.03);
    overflow: hidden;
}

.conference-chat__messages[b-lqd7kco4dy] {
    flex: 1;
    min-height: 360px;
    max-height: 620px;
    overflow-y: auto;
    padding: 20px 18px;
    background: linear-gradient(180deg, rgba(250,249,255,0.85), rgba(255,255,255,0.96));
}

    .conference-chat__messages[b-lqd7kco4dy]::-webkit-scrollbar {
        width: 10px;
    }

    .conference-chat__messages[b-lqd7kco4dy]::-webkit-scrollbar-track {
        background: transparent;
    }

    .conference-chat__messages[b-lqd7kco4dy]::-webkit-scrollbar-thumb {
        background: rgba(138, 116, 201, 0.20);
        border-radius: 999px;
    }

.conference-chat__empty[b-lqd7kco4dy] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
}

.conference-chat__empty-icon[b-lqd7kco4dy] {
    width: 70px;
    height: 70px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 18px;
}

.conference-chat__empty-title[b-lqd7kco4dy] {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 10px;
}

.conference-chat__empty-text[b-lqd7kco4dy] {
    max-width: 420px;
    font-size: 15px;
    line-height: 1.75;
    color: #6b6c7e;
}

.conference-chat__message[b-lqd7kco4dy] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

    .conference-chat__message.is-mine[b-lqd7kco4dy] {
        flex-direction: row-reverse;
    }

.conference-chat__message-avatar[b-lqd7kco4dy] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(135deg, #7b63d6, #5d48bb);
    color: white;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 18px rgba(73, 51, 170, 0.18);
}

    .conference-chat__message-avatar img[b-lqd7kco4dy] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.conference-chat__message-content[b-lqd7kco4dy] {
    max-width: min(78%, 760px);
    min-width: 0;
}

.conference-chat__message.is-mine .conference-chat__message-content[b-lqd7kco4dy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.conference-chat__message-meta[b-lqd7kco4dy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.conference-chat__message-author[b-lqd7kco4dy] {
    font-size: 13px;
    font-weight: 800;
    color: #232433;
}

.conference-chat__message-time[b-lqd7kco4dy] {
    font-size: 12px;
    color: #9a9aae;
}

.conference-chat__message-bubble[b-lqd7kco4dy] {
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.10);
    color: #232433;
    font-size: 15px;
    line-height: 1.7;
    word-break: break-word;
    white-space: pre-wrap;
}

.conference-chat__message.is-mine .conference-chat__message-bubble[b-lqd7kco4dy] {
    background: linear-gradient(135deg, #7b63d6, #5d48bb);
    border-color: transparent;
    color: white;
    box-shadow: 0 12px 22px rgba(73, 51, 170, 0.18);
}

.conference-chat__composer-wrap[b-lqd7kco4dy] {
    padding: 14px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
    background: rgba(255,255,255,0.98);
}

.conference-chat__auth-note[b-lqd7kco4dy] {
    min-height: 38px;
    padding: 0 12px;
    margin-bottom: 12px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #7a719f;
    font-size: 13px;
    font-weight: 600;
}

.conference-chat__composer[b-lqd7kco4dy] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: end;
}

    .conference-chat__composer.is-disabled[b-lqd7kco4dy] {
        opacity: 0.72;
    }

.conference-chat__input[b-lqd7kco4dy] {
    width: 100%;
    min-height: 56px;
    max-height: 160px;
    resize: vertical;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(138, 116, 201, 0.16);
    background: rgba(250,249,255,0.96);
    color: #1f2030;
    font-size: 15px;
    line-height: 1.6;
    outline: none;
    transition: 0.18s ease;
}

    .conference-chat__input[b-lqd7kco4dy]::placeholder {
        color: #9a9aae;
    }

    .conference-chat__input:focus[b-lqd7kco4dy] {
        border-color: #7b63d6;
        background: white;
        box-shadow: 0 0 0 3px rgba(123, 99, 214, 0.14);
    }

.conference-chat__send-btn[b-lqd7kco4dy] {
    width: 56px;
    height: 56px;
    border: none;
    border-radius: 18px;
    background: linear-gradient(135deg, #7b63d6, #5d48bb);
    color: white;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    transition: 0.18s ease;
}

    .conference-chat__send-btn:hover:not(:disabled)[b-lqd7kco4dy] {
        transform: translateY(-1px);
        box-shadow: 0 16px 28px rgba(73, 51, 170, 0.24);
    }

    .conference-chat__send-btn:disabled[b-lqd7kco4dy] {
        cursor: not-allowed;
        opacity: 0.45;
        box-shadow: none;
    }

.conference-chat__send-spinner[b-lqd7kco4dy] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.34);
    border-top-color: white;
    display: inline-block;
    animation: chat-spin-b-lqd7kco4dy 0.8s linear infinite;
}

.conference-chat__error-pill[b-lqd7kco4dy] {
    margin: 0 14px 12px;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(230, 72, 72, 0.08);
    border: 1px solid rgba(230, 72, 72, 0.16);
    color: #b23a3a;
    box-shadow: 0 8px 18px rgba(20, 18, 30, 0.04);
}

.conference-chat__error-pill-icon[b-lqd7kco4dy] {
    width: 24px;
    height: 24px;
    border-radius: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(230, 72, 72, 0.10);
    font-size: 14px;
}

.conference-chat__error-pill-text[b-lqd7kco4dy] {
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
}

.conference-chat__messages-wrap[b-lqd7kco4dy] {
    position: relative;
    flex: 1;
    min-height: 0;
}

.conference-chat__scroll-bottom-btn[b-lqd7kco4dy] {
    position: absolute;
    right: 18px;
    bottom: 18px;
    min-height: 44px;
    padding: 0 14px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #7b63d6, #5d48bb);
    color: white;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 16px 28px rgba(73, 51, 170, 0.24);
    transition: 0.18s ease;
    z-index: 2;
}

    .conference-chat__scroll-bottom-btn:hover[b-lqd7kco4dy] {
        transform: translateY(-1px);
        box-shadow: 0 18px 32px rgba(73, 51, 170, 0.28);
    }

.conference-chat__scroll-bottom-btn-icon[b-lqd7kco4dy] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255,255,255,0.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

@media (max-width: 700px) {
    .conference-chat__scroll-bottom-btn[b-lqd7kco4dy] {
        right: 10px;
        bottom: 10px;
        min-height: 40px;
        padding: 0 12px;
        font-size: 12px;
    }

    .conference-chat__scroll-bottom-btn-icon[b-lqd7kco4dy] {
        width: 22px;
        height: 22px;
        font-size: 13px;
    }
}


@keyframes chat-spin-b-lqd7kco4dy {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 700px) {
    .conference-chat[b-lqd7kco4dy] {
        min-height: 460px;
        border-radius: 22px;
    }

    .conference-chat__messages[b-lqd7kco4dy] {
        padding: 14px 10px;
        max-height: 520px;
    }

    .conference-chat__message-content[b-lqd7kco4dy] {
        max-width: 88%;
    }

    .conference-chat__composer-wrap[b-lqd7kco4dy] {
        padding: 10px;
    }

    .conference-chat__composer[b-lqd7kco4dy] {
        grid-template-columns: 1fr;
    }

    .conference-chat__send-btn[b-lqd7kco4dy] {
        width: 100%;
        height: 48px;
        border-radius: 14px;
    }

    .conference-chat__input[b-lqd7kco4dy] {
        min-height: 52px;
        border-radius: 14px;
    }
}
/* /Components/Pages/Online/Views/OnlineChatPanel.razor.rz.scp.css */
.online-chat-panel[b-i9weoo2j0n] {
    width: 100%;
}

.online-chat-panel__header[b-i9weoo2j0n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(138, 116, 201, 0.08);
    margin-bottom: 18px;
}

.online-chat-panel__title[b-i9weoo2j0n] {
    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 6px;
}

.online-chat-panel__subtitle[b-i9weoo2j0n] {
    font-size: 14px;
    line-height: 1.6;
    color: #6b6c7e;
}

.online-chat-panel__status[b-i9weoo2j0n] {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.10);
    color: #7a719f;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .online-chat-panel__status.is-online[b-i9weoo2j0n] {
        background: rgba(63, 181, 110, 0.10);
        border-color: rgba(63, 181, 110, 0.16);
        color: #257b4a;
    }

.online-chat-panel__status-dot[b-i9weoo2j0n] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #35b86a;
    display: inline-block;
}

.online-chat-panel__body[b-i9weoo2j0n] {
    min-height: 360px;
}

.online-chat-panel__empty[b-i9weoo2j0n] {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
}

.online-chat-panel__empty-icon[b-i9weoo2j0n] {
    width: 74px;
    height: 74px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 18px;
}

.online-chat-panel__empty-title[b-i9weoo2j0n] {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 10px;
}

.online-chat-panel__empty-text[b-i9weoo2j0n] {
    max-width: 460px;
    font-size: 15px;
    line-height: 1.75;
    color: #6b6c7e;
    margin-bottom: 20px;
}

.online-chat-panel__login-btn[b-i9weoo2j0n] {
    min-width: 140px;
    height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.20);
    background: rgba(138, 116, 201, 0.08);
    color: #6d58c4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
}

    .online-chat-panel__login-btn:hover[b-i9weoo2j0n] {
        background: rgba(138, 116, 201, 0.12);
        color: #5b46b8;
        transform: translateY(-1px);
    }

@media (max-width: 700px) {
    .online-chat-panel__title[b-i9weoo2j0n] {
        font-size: 20px;
    }

    .online-chat-panel__empty[b-i9weoo2j0n],
    .online-chat-panel__body[b-i9weoo2j0n] {
        min-height: 280px;
    }

    .online-chat-panel__empty-title[b-i9weoo2j0n] {
        font-size: 20px;
    }

    .online-chat-panel__empty-text[b-i9weoo2j0n] {
        font-size: 14px;
    }
}
/* /Components/Pages/Online/Views/OnlineContentTabs.razor.rz.scp.css */
.online-content-tabs[b-mav2atp5sk] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 22px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 12px 24px rgba(36, 30, 70, 0.04);
}

.online-content-tabs__btn[b-mav2atp5sk] {
    min-height: 46px;
    padding: 0 18px;
    border: none;
    border-radius: 16px;
    background: transparent;
    color: #6b6c7e;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.18s ease;
}

    .online-content-tabs__btn:hover[b-mav2atp5sk] {
        background: rgba(138, 116, 201, 0.08);
        color: #4933aa;
    }

    .online-content-tabs__btn.is-active[b-mav2atp5sk] {
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 12px 22px rgba(73, 51, 170, 0.22);
    }

.online-content-tabs__icon[b-mav2atp5sk] {
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 700px) {
    .online-content-tabs[b-mav2atp5sk] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 8px;
        border-radius: 18px;
    }

    .online-content-tabs__btn[b-mav2atp5sk] {
        width: 100%;
        justify-content: center;
        padding: 0 12px;
    }
}
/* /Components/Pages/Online/Views/OnlinePlayerView.razor.rz.scp.css */
.online-player[b-tx443m6tak] {
    width: 100%;
}

.online-player__frame-card[b-tx443m6tak] {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 24px 50px rgba(20, 18, 30, 0.10), 0 8px 18px rgba(20, 18, 30, 0.05);
    padding: 14px;
}

.iframe-wrapper[b-tx443m6tak] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 22px;
    background: #fff;
}

    .iframe-wrapper.no-video[b-tx443m6tak] {
        background: radial-gradient(circle at top left, rgba(138,116,201,0.10), transparent 28%), radial-gradient(circle at bottom right, rgba(170,160,219,0.12), transparent 32%), rgba(248, 246, 255, 0.96);
    }

.yu-iframe[b-tx443m6tak] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.online-player__empty[b-tx443m6tak] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
}

.online-player__empty-icon[b-tx443m6tak] {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 18px;
}

.online-player__empty-title[b-tx443m6tak] {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 10px;
}

.online-player__empty-text[b-tx443m6tak] {
    max-width: 420px;
    font-size: 15px;
    line-height: 1.7;
    color: #6b6c7e;
}

.online-player__meta[b-tx443m6tak] {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.online-player__meta-left[b-tx443m6tak] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.online-player__badge[b-tx443m6tak] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

    .online-player__badge.light[b-tx443m6tak] {
        background: rgba(138, 116, 201, 0.05);
        color: #7a719f;
    }

    .online-player__badge.live[b-tx443m6tak] {
        background: rgba(230, 72, 72, 0.10);
        border-color: rgba(230, 72, 72, 0.18);
        color: #c43e3e;
    }

.online-player__meta-right[b-tx443m6tak] {
    font-size: 14px;
    line-height: 1.6;
    color: #7a719f;
}

.online-player__sponsors[b-tx443m6tak] {
    margin-top: 18px;
    padding: 14px 0 0;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

.online-player__sponsors-track[b-tx443m6tak] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 14px;
    align-items: center;
}

.online-player__sponsor[b-tx443m6tak] {
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(138, 116, 201, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    box-shadow: 0 8px 16px rgba(20, 18, 30, 0.04);
}

    .online-player__sponsor img[b-tx443m6tak] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }

@media (max-width: 700px) {
    .online-player__frame-card[b-tx443m6tak] {
        padding: 10px;
        border-radius: 22px;
    }

    .iframe-wrapper[b-tx443m6tak] {
        border-radius: 16px;
    }

    .online-player__empty-title[b-tx443m6tak] {
        font-size: 20px;
    }

    .online-player__empty-text[b-tx443m6tak] {
        font-size: 14px;
    }

    .online-player__sponsors-track[b-tx443m6tak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Online/Views/OnlineStreamFilters.razor.rz.scp.css */
.online-stream-filters[b-ozwag43oal] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 280px));
    gap: 16px;
    align-items: end;
    margin-bottom: 18px;
}

@media (max-width: 700px) {
    .online-stream-filters[b-ozwag43oal] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* /Components/Pages/Organizers/OrganizersNew.razor.rz.scp.css */
.event-inner-page-shell[b-pgcama5xmu] {
    padding: 10px 0 24px;
}

.event-inner-page-card[b-pgcama5xmu] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.event-inner-page-content[b-pgcama5xmu] {
    position: relative;
    z-index: 2;
    padding: 34px 30px 30px;
}

.event-inner-page-glow[b-pgcama5xmu] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.14;
    pointer-events: none;
    z-index: 1;
}

.event-inner-page-glow-1[b-pgcama5xmu] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -60px;
    left: -60px;
}

.event-inner-page-glow-2[b-pgcama5xmu] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -80px;
}

/*.speakers-page__search-wrap {
    width: 100%;
    max-width: 340px;
    padding: 6px;
    border-radius: 22px;
    background: rgba(138, 116, 201, 0.04);
    border: 1px solid rgba(138, 116, 201, 0.08);
}*/

.speakers-page__subbar[b-pgcama5xmu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6px 0 22px;
    padding-top: 10px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

.speakers-page__count[b-pgcama5xmu] {
    font-size: 14px;
    font-weight: 700;
    color: #7a719f;
}

.speakers-page__grid[b-pgcama5xmu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 22px;
    align-items: stretch;
}

.speakers-page__col[b-pgcama5xmu] {
    min-width: 0;
}

.speakers-page__empty[b-pgcama5xmu] {
    margin-top: 24px;
    padding: 24px;
    border-radius: 22px;
    background: rgba(138, 116, 201, 0.05);
    border: 1px solid rgba(138, 116, 201, 0.10);
    text-align: center;
    color: #6f7083;
    font-size: 15px;
}

@media (max-width: 1200px) {
    .speakers-page__grid[b-pgcama5xmu] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .speakers-page__grid[b-pgcama5xmu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-inner-page-content[b-pgcama5xmu] {
        padding: 26px 20px 22px;
    }
}

@media (max-width: 640px) {
    .speakers-page__grid[b-pgcama5xmu] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .speakers-page__search-wrap[b-pgcama5xmu] {
        max-width: none;
    }

    .event-inner-page-card[b-pgcama5xmu] {
        border-radius: 24px;
    }

    .event-inner-page-content[b-pgcama5xmu] {
        padding: 20px 14px 18px;
    }
}
/* /Components/Pages/Organizers/Views/OrganizerItemViewNew.razor.rz.scp.css */
.speaker-card[b-zeqzlgunvf] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 24px 18px 38px;
    border: 1px solid rgba(138, 116, 201, 0.10);
    border-radius: 28px;
    background: rgba(251, 251, 252, 0.92);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 6px 12px rgba(36, 30, 70, 0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

    .speaker-card:hover[b-zeqzlgunvf] {
        transform: translateY(-4px);
        border-color: rgba(138, 116, 201, 0.18);
        background: rgba(255,255,255,0.98);
        box-shadow: 0 24px 42px rgba(36, 30, 70, 0.10), 0 10px 20px rgba(36, 30, 70, 0.04);
    }

    .speaker-card[b-zeqzlgunvf]::after {
        content: attr(data-more);
        position: absolute;
        left: 50%;
        bottom: 14px;
        transform: translateX(-50%);
        font-size: 12px;
        font-weight: 700;
        color: #6d58c4;
        opacity: 0;
        transition: opacity 0.18s ease, transform 0.18s ease;
    }

    .speaker-card:hover[b-zeqzlgunvf]::after {
        opacity: 1;
        transform: translateX(-50%) translateY(-2px);
    }

.speaker-card__avatar-wrap[b-zeqzlgunvf] {
    width: 148px;
    height: 148px;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(138, 116, 201, 0.16);
    box-shadow: 0 14px 28px rgba(36, 30, 70, 0.10), 0 0 0 6px rgba(138, 116, 201, 0.05);
    margin-bottom: 18px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.speaker-card:hover .speaker-card__avatar-wrap[b-zeqzlgunvf] {
    transform: scale(1.03);
    box-shadow: 0 18px 32px rgba(36, 30, 70, 0.12), 0 0 0 8px rgba(138, 116, 201, 0.08);
}

.speaker-card__avatar[b-zeqzlgunvf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.speaker-card__name[b-zeqzlgunvf] {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 12px;
    min-height: 50px;
}

.speaker-card__descr[b-zeqzlgunvf] {
    font-size: 14px;
    line-height: 1.65;
    color: #66687a;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .speaker-card[b-zeqzlgunvf] {
        padding: 20px 14px 34px;
        border-radius: 22px;
    }

    .speaker-card__avatar-wrap[b-zeqzlgunvf] {
        width: 124px;
        height: 124px;
        border-radius: 24px;
    }

    .speaker-card__name[b-zeqzlgunvf] {
        font-size: 16px;
        min-height: auto;
    }

    .speaker-card__descr[b-zeqzlgunvf] {
        font-size: 13px;
    }
}
/* /Components/Pages/Profile/ChangeAvatarModal.razor.rz.scp.css */
.change-avatar-modal-dialog .modal-content[b-f7wepekz98] {
    border: none;
    border-radius: 32px;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), rgba(251,251,252,0.98);
    box-shadow: 0 30px 70px rgba(20, 18, 30, 0.18), 0 10px 24px rgba(20, 18, 30, 0.08);
}

.change-avatar-modal__header[b-f7wepekz98] {
    padding: 4px 4px 0;
}

.change-avatar-modal__eyebrow[b-f7wepekz98] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 8px;
}

.change-avatar-modal__title[b-f7wepekz98] {
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
    color: #18181b;
}

.change-avatar-modal__subtitle[b-f7wepekz98] {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #6b6c7e;
}

.change-avatar-modal__body[b-f7wepekz98] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 8px;
}

.change-avatar-modal__top[b-f7wepekz98] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 20px;
    align-items: start;
}

.change-avatar-modal__label[b-f7wepekz98] {
    font-size: 13px;
    font-weight: 700;
    color: #4b4d5b;
    margin-bottom: 10px;
}

.change-avatar-modal__current-avatar-wrap[b-f7wepekz98] {
    width: 150px;
    height: 150px;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.08), 0 8px 16px rgba(36, 30, 70, 0.04);
}

.change-avatar-modal__current-avatar[b-f7wepekz98] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.change-avatar-modal__upload-btn[b-f7wepekz98] {
    min-height: 50px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.16);
    background: rgba(138, 116, 201, 0.07);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: fit-content;
}

    .change-avatar-modal__upload-btn[b-f7wepekz98]  input[type="file"] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.change-avatar-modal__hint[b-f7wepekz98] {
    margin-top: 10px;
    font-size: 12px;
    color: #8a8fa4;
}

.change-avatar-modal__cropper-card[b-f7wepekz98] {
    border-radius: 24px;
    background: rgba(255,255,255,0.90);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 14px 28px rgba(36, 30, 70, 0.05), 0 6px 12px rgba(36, 30, 70, 0.03);
    padding: 18px;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.change-avatar-modal__error-pill[b-f7wepekz98] {
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(230, 72, 72, 0.08);
    border: 1px solid rgba(230, 72, 72, 0.16);
    color: #b23a3a;
    box-shadow: 0 8px 18px rgba(20, 18, 30, 0.04);
}

.change-avatar-modal__error-pill-icon[b-f7wepekz98] {
    width: 24px;
    height: 24px;
    border-radius: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(230, 72, 72, 0.10);
    font-size: 14px;
}

.change-avatar-modal__error-pill-text[b-f7wepekz98] {
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
}

.change-avatar-modal__footer[b-f7wepekz98] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 10px;
}

.change-avatar-modal__btn[b-f7wepekz98] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease;
}

    .change-avatar-modal__btn.primary[b-f7wepekz98] {
        border: none;
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

    .change-avatar-modal__btn.secondary[b-f7wepekz98] {
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        background: rgba(138, 116, 201, 0.07);
        color: #6d58c4;
    }

@media (max-width: 800px) {
    .change-avatar-modal__top[b-f7wepekz98] {
        grid-template-columns: 1fr;
    }

    .change-avatar-modal__current-avatar-wrap[b-f7wepekz98] {
        margin: 0 auto;
    }

    .change-avatar-modal__controls[b-f7wepekz98] {
        text-align: center;
    }

    .change-avatar-modal__upload-btn[b-f7wepekz98] {
        margin: 0 auto;
    }

    .change-avatar-modal__title[b-f7wepekz98] {
        font-size: 26px;
    }

    .change-avatar-modal__footer[b-f7wepekz98] {
        flex-direction: column-reverse;
    }

    .change-avatar-modal__btn[b-f7wepekz98] {
        width: 100%;
    }
}
/* /Components/Pages/Profile/ChangePasswordModal.razor.rz.scp.css */
.change-password-modal-dialog .modal-content[b-gttvdg062o] {
    border: none;
    border-radius: 32px;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), rgba(251,251,252,0.98);
    box-shadow: 0 30px 70px rgba(20, 18, 30, 0.18), 0 10px 24px rgba(20, 18, 30, 0.08);
}

.change-password-modal__header[b-gttvdg062o] {
    padding: 4px 4px 0;
}

.change-password-modal__eyebrow[b-gttvdg062o] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 8px;
}

.change-password-modal__title[b-gttvdg062o] {
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
    color: #18181b;
}

.change-password-modal__subtitle[b-gttvdg062o] {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #6b6c7e;
}

.change-password-modal__body[b-gttvdg062o] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 8px;
}

.change-password-field[b-gttvdg062o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .change-password-field label[b-gttvdg062o] {
        font-size: 13px;
        font-weight: 700;
        color: #4b4d5b;
    }

.change-password-input-wrap[b-gttvdg062o] {
    position: relative;
}

[b-gttvdg062o] .change-password-input {
    width: 100%;
    min-height: 52px;
    border-radius: 16px;
    border: 1px solid rgba(138, 116, 201, 0.14);
    background: rgba(248,247,252,0.96);
    padding: 0 46px 0 14px;
    font-size: 14px;
    color: #18181b;
    outline: none;
    transition: .18s ease;
}

    [b-gttvdg062o] .change-password-input:focus {
        border-color: rgba(109, 88, 196, 0.42);
        box-shadow: 0 0 0 4px rgba(109, 88, 196, 0.10);
    }

.change-password-toggle[b-gttvdg062o] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border: none;
    background: transparent;
    color: #7d8092;
    font-size: 18px;
    cursor: pointer;
}

[b-gttvdg062o] .change-password-modal__validation {
    margin: 0;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 230, 230, 0.80);
    color: #b84040;
    font-size: 13px;
}

.change-password-error-pill[b-gttvdg062o],
.change-password-success-pill[b-gttvdg062o] {
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 18px rgba(20, 18, 30, 0.04);
}

.change-password-error-pill[b-gttvdg062o] {
    background: rgba(230, 72, 72, 0.08);
    border: 1px solid rgba(230, 72, 72, 0.16);
    color: #b23a3a;
}

.change-password-success-pill[b-gttvdg062o] {
    background: rgba(63, 181, 110, 0.10);
    border: 1px solid rgba(63, 181, 110, 0.16);
    color: #257b4a;
}

.change-password-error-pill__icon[b-gttvdg062o],
.change-password-success-pill__icon[b-gttvdg062o] {
    width: 24px;
    height: 24px;
    border-radius: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.change-password-error-pill__icon[b-gttvdg062o] {
    background: rgba(230, 72, 72, 0.10);
}

.change-password-success-pill__icon[b-gttvdg062o] {
    background: rgba(63, 181, 110, 0.10);
}

.change-password-error-pill__text[b-gttvdg062o],
.change-password-success-pill__text[b-gttvdg062o] {
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
}

.change-password-modal__footer[b-gttvdg062o] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 10px;
}

.change-password-btn[b-gttvdg062o] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease;
}

    .change-password-btn.primary[b-gttvdg062o] {
        border: none;
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

    .change-password-btn.secondary[b-gttvdg062o] {
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        background: rgba(138, 116, 201, 0.07);
        color: #6d58c4;
    }

[b-gttvdg062o] .validation-message {
    font-size: 14px;
    color: #c43d3d;
}

@media (max-width: 700px) {
    .change-password-modal__title[b-gttvdg062o] {
        font-size: 26px;
    }

    .change-password-modal__footer[b-gttvdg062o] {
        flex-direction: column-reverse;
    }

    .change-password-btn[b-gttvdg062o] {
        width: 100%;
    }
}
/* /Components/Pages/Profile/EditProfileModal.razor.rz.scp.css */
.edit-profile-modal-dialog .modal-content[b-62b1xna8om] {
    border: none;
    border-radius: 32px;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), rgba(251,251,252,0.98);
    box-shadow: 0 30px 70px rgba(20, 18, 30, 0.18), 0 10px 24px rgba(20, 18, 30, 0.08);
}

.edit-profile-modal__header[b-62b1xna8om] {
    padding: 4px 4px 0;
}

.edit-profile-modal__eyebrow[b-62b1xna8om] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 8px;
}

.edit-profile-modal__title[b-62b1xna8om] {
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
    color: #18181b;
}

.edit-profile-modal__subtitle[b-62b1xna8om] {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #6b6c7e;
}

.edit-profile-modal__body[b-62b1xna8om] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-top: 6px;
}

.edit-profile-modal__section[b-62b1xna8om] {
    border-radius: 24px;
    background: rgba(255,255,255,0.90);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 14px 28px rgba(36, 30, 70, 0.05), 0 6px 12px rgba(36, 30, 70, 0.03);
    padding: 18px 18px 16px;
}

.edit-profile-modal__section-title[b-62b1xna8om] {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 16px;
}

.edit-profile-grid[b-62b1xna8om] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.edit-profile-field[b-62b1xna8om] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.edit-profile-field--full[b-62b1xna8om] {
    grid-column: 1 / -1;
}

.edit-profile-field label[b-62b1xna8om] {
    font-size: 13px;
    font-weight: 700;
    color: #4b4d5b;
}

[b-62b1xna8om] .edit-profile-input {
    min-height: 50px;
    border-radius: 16px;
    border: 1px solid rgba(138, 116, 201, 0.14);
    background: rgba(248,247,252,0.96);
    padding: 0 14px;
    font-size: 14px;
    color: #18181b;
    outline: none;
    transition: .18s ease;
}

    [b-62b1xna8om] .edit-profile-input:focus {
        border-color: rgba(109, 88, 196, 0.42);
        box-shadow: 0 0 0 4px rgba(109, 88, 196, 0.10);
    }

    [b-62b1xna8om] .edit-profile-input.is-readonly {
        background: rgba(240,240,245,0.95);
        color: #8a8fa4;
    }

.edit-profile-hint[b-62b1xna8om] {
    font-size: 12px;
    color: #8a8fa4;
}

.edit-profile-modal__validation[b-62b1xna8om] {
    margin: 0 0 8px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 230, 230, 0.80);
    color: #b84040;
    font-size: 13px;
}

.edit-profile-switches[b-62b1xna8om] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.edit-profile-switch-row[b-62b1xna8om] {
    min-height: 66px;
    border-radius: 18px;
    background: rgba(248,247,252,0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.edit-profile-switch-row__title[b-62b1xna8om] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #232433;
    margin-bottom: 4px;
}

.edit-profile-switch-row__text[b-62b1xna8om] {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    color: #7b7e91;
}

.edit-profile-checkbox[b-62b1xna8om] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    accent-color: #6d58c4;
}

.edit-profile-modal__footer[b-62b1xna8om] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 10px;
}

.edit-profile-btn[b-62b1xna8om] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease;
}

    .edit-profile-btn.primary[b-62b1xna8om] {
        border: none;
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

    .edit-profile-btn.secondary[b-62b1xna8om] {
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        background: rgba(138, 116, 201, 0.07);
        color: #6d58c4;
    }

.validation-message[b-62b1xna8om] {
    font-size: 12px;
    color: #c43d3d;
}

@media (max-width: 800px) {
    .edit-profile-grid[b-62b1xna8om] {
        grid-template-columns: 1fr;
    }

    .edit-profile-modal__title[b-62b1xna8om] {
        font-size: 26px;
    }

    .edit-profile-switch-row[b-62b1xna8om] {
        align-items: flex-start;
        flex-direction: column;
    }

    .edit-profile-modal__footer[b-62b1xna8om] {
        flex-direction: column-reverse;
    }

    .edit-profile-btn[b-62b1xna8om] {
        width: 100%;
    }
}
/* /Components/Pages/Profile/Profile.razor.rz.scp.css */
.profile-page-header[b-3j3tcdmp39] {
    margin-bottom: 26px;
}

.profile-page-header__breadcrumbs[b-3j3tcdmp39] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    font-size: 13px;
    color: #8a8fa4;
}

    .profile-page-header__breadcrumbs a[b-3j3tcdmp39] {
        color: #8a8fa4;
        text-decoration: none;
    }

.profile-page-header__eyebrow[b-3j3tcdmp39] {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 8px;
}

.profile-page-header__title[b-3j3tcdmp39] {
    margin: 0;
    font-size: clamp(34px, 3.2vw, 54px);
    line-height: 1.05;
    font-weight: 800;
    color: #18181b;
}

.profile-page-header__subtitle[b-3j3tcdmp39] {
    margin-top: 14px;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.75;
    color: #6b6c7e;
}

.profile-dashboard[b-3j3tcdmp39] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.profile-dashboard__top[b-3j3tcdmp39] {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: 22px;
}

.profile-dashboard__content[b-3j3tcdmp39] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 22px;
    align-items: start;
}

.profile-hero-card[b-3j3tcdmp39],
.profile-section-card[b-3j3tcdmp39],
.profile-quick-card[b-3j3tcdmp39] {
    border-radius: 30px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), rgba(251,251,252,0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

[b-3j3tcdmp39] .profile-quick-card {
    border-radius: 30px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), rgba(251,251,252,0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.profile-hero-card[b-3j3tcdmp39] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 24px;
    align-items: center;
    padding: 28px;
}

.profile-avatar-wrap[b-3j3tcdmp39] {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

[b-3j3tcdmp39] .profile-avatar {
    width: 100%;
    height: 100%;
    border-radius: 36px;
    object-fit: cover;
    display: block;
    box-shadow: 0 18px 32px rgba(36, 30, 70, 0.10), 0 8px 18px rgba(36, 30, 70, 0.05);
}

.profile-avatar-upload-btn[b-3j3tcdmp39] {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 18px;
    background: linear-gradient(135deg, #7b63d6, #5d48bb);
    color: white;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 24px rgba(73, 51, 170, 0.22);
    cursor: pointer;
}

.profile-hero-card__eyebrow[b-3j3tcdmp39],
.profile-section-card__eyebrow[b-3j3tcdmp39] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 8px;
}

.profile-hero-card__name[b-3j3tcdmp39] {
    margin: 0;
    font-size: clamp(28px, 2.2vw, 40px);
    line-height: 1.08;
    font-weight: 800;
    color: #18181b;
}

.profile-hero-card__email[b-3j3tcdmp39] {
    margin-top: 10px;
    font-size: 15px;
    color: #6b6c7e;
}

.profile-hero-card__pills[b-3j3tcdmp39] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.profile-pill[b-3j3tcdmp39] {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #5e5790;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.profile-hero-card__actions[b-3j3tcdmp39] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.profile-btn[b-3j3tcdmp39] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease;
}

    .profile-btn.primary[b-3j3tcdmp39] {
        border: none;
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

        .profile-btn.primary:hover[b-3j3tcdmp39] {
            transform: translateY(-1px);
        }

    .profile-btn.secondary[b-3j3tcdmp39],
    .profile-btn.ghost[b-3j3tcdmp39] {
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        background: rgba(138, 116, 201, 0.07);
        color: #6d58c4;
    }

    .profile-btn.ghost[b-3j3tcdmp39] {
        min-height: 40px;
        padding: 0 14px;
        font-size: 13px;
    }

.profile-quick-actions[b-3j3tcdmp39] {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 16px;
}

.profile-quick-card[b-3j3tcdmp39], [b-3j3tcdmp39] .profile-quick-card {
    width: 100%;
    border: none;
    padding: 20px 18px;
    text-align: left;
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 14px;
    align-items: start;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .profile-quick-card:hover[b-3j3tcdmp39], [b-3j3tcdmp39] .profile-quick-card:hover {
        transform: translateY(-2px);
    }

.profile-quick-card__icon[b-3j3tcdmp39] {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    color: #6d58c4;
    font-size: 24px;
}

.profile-quick-card.qr .profile-quick-card__icon[b-3j3tcdmp39] {
    background: rgba(109, 88, 196, 0.12);
}

.profile-quick-card.certs .profile-quick-card__icon[b-3j3tcdmp39] {
    background: rgba(255, 193, 7, 0.14);
    color: #b48300;
}

.profile-quick-card.events .profile-quick-card__icon[b-3j3tcdmp39] {
    background: rgba(0, 173, 181, 0.12);
    color: #0b7f85;
}

.profile-quick-card__title[b-3j3tcdmp39] {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 6px;
}

.profile-quick-card__text[b-3j3tcdmp39] {
    font-size: 14px;
    line-height: 1.65;
    color: #6b6c7e;
}

.profile-section-card[b-3j3tcdmp39] {
    padding: 24px 22px;
}

.profile-section-card__header[b-3j3tcdmp39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.profile-section-card__title[b-3j3tcdmp39] {
    margin: 0;
    font-size: 30px;
    line-height: 1.12;
    font-weight: 800;
    color: #18181b;
}

.profile-side-stack[b-3j3tcdmp39] {
    display: grid;
    gap: 22px;
    align-content: start;
}

.profile-qr-card__body[b-3j3tcdmp39] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
}

.profile-qr-card__image[b-3j3tcdmp39] {
    width: 180px;
    height: 180px;
    border-radius: 24px;
    object-fit: contain;
    background: white;
    padding: 10px;
    box-shadow: 0 16px 28px rgba(36, 30, 70, 0.08);
}

.profile-qr-card__placeholder[b-3j3tcdmp39] {
    width: 180px;
    height: 180px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.08);
    color: #6d58c4;
    font-size: 56px;
}

.profile-qr-card__text[b-3j3tcdmp39] {
    font-size: 14px;
    line-height: 1.7;
    color: #6b6c7e;
}

.profile-social-list[b-3j3tcdmp39],
.profile-info-list[b-3j3tcdmp39],
.profile-certificates-list[b-3j3tcdmp39],
.profile-events-list[b-3j3tcdmp39] {
    display: flex;
    flex-direction: column;
}

.profile-social-item[b-3j3tcdmp39],
.profile-info-row[b-3j3tcdmp39],
.profile-certificate-row[b-3j3tcdmp39],
.profile-event-row[b-3j3tcdmp39] {
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

    .profile-social-item:first-child[b-3j3tcdmp39],
    .profile-info-row:first-child[b-3j3tcdmp39],
    .profile-certificate-row:first-child[b-3j3tcdmp39],
    .profile-event-row:first-child[b-3j3tcdmp39] {
        border-top: none;
    }

.profile-social-item[b-3j3tcdmp39] {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 2px;
}

.profile-social-item__left[b-3j3tcdmp39],
.profile-social-item__right[b-3j3tcdmp39] {
    font-size: 14px;
    color: #232433;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .profile-social-item__left i[b-3j3tcdmp39] {
        font-size: 18px;
        color: #6d58c4;
    }

.profile-social-item__right[b-3j3tcdmp39] {
    color: #6b6c7e;
    text-align: right;
}

.profile-info-row[b-3j3tcdmp39] {
    min-height: 62px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 14px;
    align-items: center;
    padding: 0 2px;
}

.profile-info-row__label[b-3j3tcdmp39] {
    font-size: 14px;
    font-weight: 700;
    color: #232433;
}

.profile-info-row__value[b-3j3tcdmp39] {
    font-size: 14px;
    color: #5f6275;
}

.profile-count-pill[b-3j3tcdmp39] {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #6d58c4;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.profile-certificate-row[b-3j3tcdmp39] {
    display: grid;
    grid-template-columns: 78px 1fr auto;
    gap: 14px;
    align-items: center;
    min-height: 94px;
    padding: 12px 2px;
}

.profile-certificate-row__preview[b-3j3tcdmp39] {
    width: 78px;
    height: 78px;
    border-radius: 14px;
    overflow: hidden;
    background: #f4f5fa;
    box-shadow: 0 8px 16px rgba(36, 30, 70, 0.06);
}

    .profile-certificate-row__preview img[b-3j3tcdmp39] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.profile-certificate-row__title[b-3j3tcdmp39],
.profile-event-row__title[b-3j3tcdmp39] {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    color: #18181b;
}

.profile-certificate-row__meta[b-3j3tcdmp39],
.profile-event-row__meta[b-3j3tcdmp39] {
    margin-top: 4px;
    font-size: 13px;
    color: #8a8fa4;
}

.profile-download-btn[b-3j3tcdmp39] {
    min-height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    text-decoration: none;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #6d58c4;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.profile-event-row[b-3j3tcdmp39] {
    display: grid;
    grid-template-columns: 92px 1fr auto;
    gap: 16px;
    align-items: center;
    min-height: 112px;
    padding: 12px 2px;
    text-decoration: none;
    color: inherit;
}

.profile-event-row__image[b-3j3tcdmp39] {
    width: 78px;
    height: 78px;
    border-radius: 14px;
    overflow: hidden;
    background: #f4f5fa;
    box-shadow: 0 8px 16px rgba(36, 30, 70, 0.06);
}

    .profile-event-row__image img[b-3j3tcdmp39] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.profile-event-row__arrow[b-3j3tcdmp39] {
    font-size: 20px;
    color: #7b63d6;
}

.profile-empty-state[b-3j3tcdmp39] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 28px 12px;
}

.profile-empty-state__icon[b-3j3tcdmp39] {
    width: 70px;
    height: 70px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 14px;
}

.profile-empty-state__title[b-3j3tcdmp39] {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 8px;
}

.profile-empty-state__text[b-3j3tcdmp39] {
    max-width: 420px;
    font-size: 14px;
    line-height: 1.75;
    color: #6b6c7e;
}

.profile-certificates-card[b-3j3tcdmp39] {
    grid-column: 1 / -1;
}

.profile-events-card[b-3j3tcdmp39] {
    grid-column: 1 / -1;
}

.profile-page-bg[b-3j3tcdmp39] {
    position: relative;    
    padding: 4px 0 12px;
}

.profile-page-content[b-3j3tcdmp39] {
    position: relative;
    z-index: 2;
}

.profile-page-shape[b-3j3tcdmp39] {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(80px);
    opacity: 0.16;
    z-index: 0;
}

.profile-page-shape--one[b-3j3tcdmp39] {
    width: 320px;
    height: 320px;
    top: 60px;
    left: -80px;
    background: #8a74c9;
}

.profile-page-shape--two[b-3j3tcdmp39] {
    width: 280px;
    height: 280px;
    top: 460px;
    right: -60px;
    background: #aaa0db;
    opacity: 0.14;
}

.profile-page-shape--three[b-3j3tcdmp39] {
    width: 360px;
    height: 360px;
    bottom: 120px;
    left: 20%;
    background: #d9d2f4;
    opacity: 0.12;
}

.profile-page-pattern[b-3j3tcdmp39] {
    position: absolute;
    width: 140px;
    height: 140px;
    pointer-events: none;
    opacity: 0.22;
    z-index: 0;
    background-image: radial-gradient(rgba(138, 116, 201, 0.55) 1.6px, transparent 1.6px);
    background-size: 18px 18px;
}

.profile-page-pattern--top[b-3j3tcdmp39] {
    top: 90px;
    right: 30px;
}

.profile-page-pattern--bottom[b-3j3tcdmp39] {
    bottom: 120px;
    left: 40px;
}

.profile-hero-card[b-3j3tcdmp39] {
    position: relative;
    overflow: hidden;
}

    .profile-hero-card[b-3j3tcdmp39]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top left, rgba(138, 116, 201, 0.10), transparent 26%), radial-gradient(circle at bottom right, rgba(170, 160, 219, 0.08), transparent 28%);
        pointer-events: none;
    }

.profile-section-card[b-3j3tcdmp39],
.profile-quick-card[b-3j3tcdmp39]  .profile-quick-card,
.profile-hero-card[b-3j3tcdmp39] {
    backdrop-filter: blur(10px);
}

.profile-page-bg[b-3j3tcdmp39]::before {
    content: "";
    position: absolute;
    top: 140px;
    bottom: 80px;
    left: 18px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient( 180deg, rgba(123, 99, 214, 0.00), rgba(123, 99, 214, 0.16), rgba(170, 160, 219, 0.08), rgba(123, 99, 214, 0.00) );
    pointer-events: none;
    z-index: 0;
}

.profile-page-loader-placeholder[b-3j3tcdmp39] {
    width: 100%;
    height: 500px;
}


@media (max-width: 900px) {
    .profile-page-bg[b-3j3tcdmp39]::before {
        display: none;
    }
}

@media (max-width: 1100px) {
    .profile-dashboard__top[b-3j3tcdmp39] {
        grid-template-columns: 1fr;
    }

    .profile-quick-actions[b-3j3tcdmp39] {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: none;
    }

    .profile-dashboard__content[b-3j3tcdmp39] {
        grid-template-columns: 1fr;
    }

    .profile-side-stack[b-3j3tcdmp39] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .profile-hero-card[b-3j3tcdmp39] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .profile-hero-card__pills[b-3j3tcdmp39],
    .profile-hero-card__actions[b-3j3tcdmp39] {
        justify-content: center;
    }

    .profile-side-stack[b-3j3tcdmp39] {
        grid-template-columns: 1fr;
    }

    .profile-quick-actions[b-3j3tcdmp39] {
        grid-template-columns: 1fr;
    }

    .profile-info-row[b-3j3tcdmp39] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 14px 2px;
        min-height: unset;
    }
}

@media (max-width: 700px) {
    .profile-page-header__title[b-3j3tcdmp39] {
        font-size: 32px;
    }

    .profile-page-header__subtitle[b-3j3tcdmp39] {
        font-size: 14px;
    }

    .profile-hero-card[b-3j3tcdmp39],
    .profile-section-card[b-3j3tcdmp39],
    .profile-quick-card[b-3j3tcdmp39] {
        border-radius: 24px;
    }

    .profile-hero-card[b-3j3tcdmp39],
    .profile-section-card[b-3j3tcdmp39] {
        padding: 18px 14px;
    }

    .profile-section-card__title[b-3j3tcdmp39] {
        font-size: 24px;
    }

    .profile-certificate-row[b-3j3tcdmp39],
    .profile-event-row[b-3j3tcdmp39] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .profile-certificate-row__actions[b-3j3tcdmp39] {
        margin-top: 10px;
    }
}
/* /Components/Pages/Profile/ProfileCertificatesSection.razor.rz.scp.css */
.profile-section-card[b-9akbt9ic7h] {
    padding: 24px 22px;
    border-radius: 30px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), rgba(251,251,252,0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    backdrop-filter: blur(10px);
}

.profile-section-card__header[b-9akbt9ic7h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.profile-section-card__eyebrow[b-9akbt9ic7h] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 8px;
}

.profile-section-card__title[b-9akbt9ic7h] {
    margin: 0;
    font-size: 30px;
    line-height: 1.12;
    font-weight: 800;
    color: #18181b;
}

.profile-btn[b-9akbt9ic7h] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease;
}

    .profile-btn.primary[b-9akbt9ic7h] {
        border: none;
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

        .profile-btn.primary:hover[b-9akbt9ic7h] {
            transform: translateY(-1px);
        }

    .profile-btn.secondary[b-9akbt9ic7h],
    .profile-btn.ghost[b-9akbt9ic7h] {
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        background: rgba(138, 116, 201, 0.07);
        color: #6d58c4;
    }

    .profile-btn.ghost[b-9akbt9ic7h] {
        min-height: 40px;
        padding: 0 14px;
        font-size: 13px;
    }

.profile-pill[b-9akbt9ic7h] {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #5e5790;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.profile-count-pill[b-9akbt9ic7h] {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #6d58c4;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.profile-download-btn[b-9akbt9ic7h] {
    min-height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    text-decoration: none;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #6d58c4;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.profile-empty-state[b-9akbt9ic7h] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 28px 12px;
}

.profile-empty-state__icon[b-9akbt9ic7h] {
    width: 70px;
    height: 70px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.10);
    color: #6d58c4;
    font-size: 30px;
    margin-bottom: 14px;
}

.profile-empty-state__title[b-9akbt9ic7h] {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 8px;
}

.profile-empty-state__text[b-9akbt9ic7h] {
    max-width: 420px;
    font-size: 14px;
    line-height: 1.75;
    color: #6b6c7e;
}

@media (max-width: 700px) {
    .profile-section-card[b-9akbt9ic7h] {
        border-radius: 24px;
        padding: 18px 14px;
    }

    .profile-section-card__title[b-9akbt9ic7h] {
        font-size: 24px;
    }
}

.profile-certificates-shop-card[b-9akbt9ic7h] {
    grid-column: 1 / -1;
}

.profile-certificates-shop-card__subtitle[b-9akbt9ic7h] {
    margin-top: 10px;
    max-width: 720px;
    font-size: 14px;
    line-height: 1.7;
    color: #6b6c7e;
}

.profile-certificates-shop-card__header-actions[b-9akbt9ic7h] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}


.profile-certificate-shop-banner[b-9akbt9ic7h] {
    position: relative;
    overflow: hidden;
    margin-bottom: 22px;
    padding: 24px;
    border-radius: 28px;
    display: grid;
    grid-template-columns: 1.2fr auto;
    gap: 20px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.22), transparent 30%), linear-gradient(135deg, #7d67d8 0%, #5d48bb 55%, #8b79d9 100%);
    box-shadow: 0 18px 38px rgba(73, 51, 170, 0.20);
}

    .profile-certificate-shop-banner[b-9akbt9ic7h]::before {
        content: "";
        position: absolute;
        right: -30px;
        top: -30px;
        width: 180px;
        height: 180px;
        border-radius: 999px;
        background: rgba(255,255,255,0.08);
        filter: blur(2px);
        pointer-events: none;
    }

.profile-certificate-shop-banner__content[b-9akbt9ic7h] {
    position: relative;
    z-index: 1;
}

.profile-certificate-shop-banner__eyebrow[b-9akbt9ic7h] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.78);
    margin-bottom: 10px;
}

.profile-certificate-shop-banner__title[b-9akbt9ic7h] {
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.12;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.profile-certificate-shop-banner__text[b-9akbt9ic7h] {
    max-width: 620px;
    font-size: 14px;
    line-height: 1.75;
    color: rgba(255,255,255,0.86);
}

.profile-certificate-shop-banner__meta[b-9akbt9ic7h] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

    .profile-certificate-shop-banner__meta .profile-pill[b-9akbt9ic7h] {
        background: rgba(255,255,255,0.12);
        border-color: rgba(255,255,255,0.16);
        color: white;
    }

.profile-certificate-shop-banner__side[b-9akbt9ic7h] {
    position: relative;
    z-index: 1;
    min-width: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
}

.profile-certificate-shop-banner__icon[b-9akbt9ic7h] {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.14);
    color: white;
    font-size: 34px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
}

.profile-certificate-shop-banner__btn[b-9akbt9ic7h] {
    gap: 8px;
    background: white !important;
    color: #5d48bb !important;
    box-shadow: 0 16px 28px rgba(34, 24, 77, 0.18) !important;
}

.profile-current-certificate-card[b-9akbt9ic7h] {
    margin-bottom: 22px;
    padding: 20px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(138, 116, 201, 0.08), rgba(138, 116, 201, 0.03));
    border: 1px solid rgba(138, 116, 201, 0.10);
}

.profile-current-certificate-card__top[b-9akbt9ic7h] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.profile-current-certificate-card__title[b-9akbt9ic7h] {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #18181b;
}

.profile-current-certificate-card__grid[b-9akbt9ic7h] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.profile-current-certificate-card__item[b-9akbt9ic7h] {
    min-height: 88px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(138, 116, 201, 0.08);
}

.profile-current-certificate-card__label[b-9akbt9ic7h] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8a8fa4;
    margin-bottom: 8px;
}

.profile-current-certificate-card__value[b-9akbt9ic7h] {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #232433;
}

.profile-certificate-status[b-9akbt9ic7h] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

    .profile-certificate-status.is-active[b-9akbt9ic7h] {
        background: rgba(34, 197, 94, 0.12);
        border: 1px solid rgba(34, 197, 94, 0.16);
        color: #15803d;
    }

    .profile-certificate-status.is-expired[b-9akbt9ic7h] {
        background: rgba(239, 68, 68, 0.12);
        border: 1px solid rgba(239, 68, 68, 0.16);
        color: #b91c1c;
    }

    .profile-certificate-status.is-pending[b-9akbt9ic7h] {
        background: rgba(245, 158, 11, 0.12);
        border: 1px solid rgba(245, 158, 11, 0.16);
        color: #b45309;
    }

    .profile-certificate-status.is-refunded[b-9akbt9ic7h] {
        background: rgba(107, 114, 128, 0.14);
        border: 1px solid rgba(107, 114, 128, 0.16);
        color: #4b5563;
    }

    .profile-certificate-status.is-default[b-9akbt9ic7h] {
        background: rgba(138, 116, 201, 0.08);
        border: 1px solid rgba(138, 116, 201, 0.12);
        color: #6d58c4;
    }

.profile-certificates-shop-list[b-9akbt9ic7h] {
    display: flex;
    flex-direction: column;
}

.profile-certificate-shop-row[b-9akbt9ic7h] {
    display: grid;
    grid-template-columns: 84px 1fr auto;
    gap: 16px;
    align-items: center;
    min-height: 108px;
    padding: 14px 2px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

    .profile-certificate-shop-row:first-child[b-9akbt9ic7h] {
        border-top: none;
    }

.profile-certificate-shop-row__preview[b-9akbt9ic7h] {
    width: 84px;
    height: 84px;
    border-radius: 18px;
    overflow: hidden;
    background: #f4f5fa;
    box-shadow: 0 8px 16px rgba(36, 30, 70, 0.06);
}

    .profile-certificate-shop-row__preview img[b-9akbt9ic7h] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.profile-certificate-shop-row__placeholder[b-9akbt9ic7h] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(138, 116, 201, 0.10), rgba(138, 116, 201, 0.04));
    color: #6d58c4;
    font-size: 30px;
}

.profile-certificate-shop-row__body[b-9akbt9ic7h] {
    min-width: 0;
}

.profile-certificate-shop-row__top[b-9akbt9ic7h] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.profile-certificate-shop-row__title[b-9akbt9ic7h] {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 800;
    color: #18181b;
}

.profile-certificate-shop-row__meta[b-9akbt9ic7h] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
    color: #8a8fa4;
}

    .profile-certificate-shop-row__meta i[b-9akbt9ic7h] {
        margin-right: 4px;
        color: #6d58c4;
    }

.profile-certificate-shop-row__text[b-9akbt9ic7h] {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.7;
    color: #6b6c7e;
}

.profile-certificate-shop-row__actions[b-9akbt9ic7h] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.profile-empty-state--certificate-shop[b-9akbt9ic7h] {
    gap: 12px;
}

    .profile-empty-state--certificate-shop[b-9akbt9ic7h]  .profile-btn.primary {
        margin-top: 6px;
        gap: 8px;
    }

@media (max-width: 1100px) {
    .profile-current-certificate-card__grid[b-9akbt9ic7h] {
        grid-template-columns: repeat(2, 1fr);
    }

    .profile-certificate-shop-banner[b-9akbt9ic7h] {
        grid-template-columns: 1fr;
    }

    .profile-certificate-shop-banner__side[b-9akbt9ic7h] {
        align-items: flex-start;
    }
}

@media (max-width: 700px) {
    .profile-certificates-shop-card__header-actions[b-9akbt9ic7h] {
        width: 100%;
    }

    .profile-certificates-buy-btn[b-9akbt9ic7h] {
        width: 100%;
        min-width: 0;
    }

    .profile-current-certificate-card__grid[b-9akbt9ic7h] {
        grid-template-columns: 1fr;
    }

    .profile-certificate-shop-row[b-9akbt9ic7h] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .profile-certificate-shop-row__actions[b-9akbt9ic7h] {
        align-items: stretch;
    }

    .profile-certificate-shop-banner[b-9akbt9ic7h] {
        padding: 18px;
        border-radius: 24px;
    }

    [b-9akbt9ic7h] .profile-certificate-shop-banner__btn {
        width: 100%;
    }
}
/* /Components/Pages/Profile/QrBadgeModal.razor.rz.scp.css */
.qr-badge-modal-dialog .modal-content[b-htw3wszjql] {
    border: none;
    border-radius: 34px;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.78), transparent 24%), rgba(251,251,252,0.98);
    box-shadow: 0 30px 70px rgba(20, 18, 30, 0.18), 0 10px 24px rgba(20, 18, 30, 0.08);
}

.qr-badge-modal__header[b-htw3wszjql] {
    padding: 4px 4px 0;
}

.qr-badge-modal__eyebrow[b-htw3wszjql] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 8px;
}

.qr-badge-modal__title[b-htw3wszjql] {
    margin: 0;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
    color: #18181b;
}

.qr-badge-modal__subtitle[b-htw3wszjql] {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
    color: #6b6c7e;
}

.qr-badge-modal__body[b-htw3wszjql] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 8px;
}

.qr-badge-modal__switcher[b-htw3wszjql] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.qr-badge-modal__switch-btn[b-htw3wszjql] {
    min-height: 54px;
    padding: 10px 14px;
    border-radius: 18px;
    border: 1px solid rgba(138, 116, 201, 0.12);
    background: rgba(248,247,252,0.96);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 2px;
    cursor: pointer;
    transition: .18s ease;
}

    .qr-badge-modal__switch-btn.is-active[b-htw3wszjql] {
        background: rgba(138, 116, 201, 0.10);
        border-color: rgba(138, 116, 201, 0.22);
    }

.qr-badge-modal__switch-btn-title[b-htw3wszjql] {
    font-size: 13px;
    font-weight: 700;
    color: #232433;
}

.qr-badge-modal__switch-btn-date[b-htw3wszjql] {
    font-size: 12px;
    color: #8a8fa4;
}

.badge-vertical[b-htw3wszjql] {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.badge-vertical__card[b-htw3wszjql] {
    position: relative;
    width: 400px;
    max-width: 100%;
    min-height: 640px;
    border-radius: 30px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 40px 80px rgba(0,0,0,0.18), 0 10px 20px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
}

.badge-vertical__bg[b-htw3wszjql] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: .22;
    filter: saturate(0.9) blur(0.5px);
}

.badge-vertical__overlay[b-htw3wszjql] {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(92, 75, 182, 0.92) 0%, rgba(123, 99, 214, 0.70) 18%, rgba(237, 234, 249, 0.32) 54%, rgba(250, 249, 253, 0.28) 100% );
}

.badge-vertical__content[b-htw3wszjql] {
    position: relative;
    z-index: 2;
    padding: 24px 22px 0;
    color: white;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.badge-vertical__top[b-htw3wszjql] {
    text-align: center;
    margin-bottom: 22px;
}

.badge-vertical__logo[b-htw3wszjql] {
    max-height: 64px;
    object-fit: contain;
    margin-bottom: 12px;
}

.badge-vertical__event[b-htw3wszjql] {
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.badge-vertical__date[b-htw3wszjql] {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    opacity: .92;
}

.badge-vertical__center[b-htw3wszjql] {
    text-align: center;
    padding: 22px 18px 18px;
    border-radius: 22px;
    color: white;    
}

.badge-vertical__name[b-htw3wszjql] {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.badge-vertical__position[b-htw3wszjql] {
    margin-top: 12px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
    color: white;
}

.badge-vertical__org[b-htw3wszjql] {
    margin-top: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: white;
    opacity:0.8;
}

.badge-vertical__qr[b-htw3wszjql] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 28px 0 22px;
    flex: 1;
}

.badge-vertical__qr-img[b-htw3wszjql] {
    width: 200px;
    height: 200px;
    background: white;
    border-radius: 18px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 36px rgba(0,0,0,0.14), 0 8px 18px rgba(0,0,0,0.08);
}

.badge-vertical__bottom[b-htw3wszjql] {
    position: relative;
    z-index: 2;
    background: linear-gradient(135deg, #6d58c4, #4c3bb0);
    color: white;
    text-align: center;
    padding: 16px 12px 18px;
    border-top: 1px solid rgba(255,255,255,0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}

.badge-vertical__role[b-htw3wszjql] {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.98);
    text-shadow: 0 1px 2px rgba(0,0,0,0.12);
}

@media (max-width: 600px) {
    .badge-vertical__card[b-htw3wszjql] {
        width: 100%;
        min-height: 590px;
        border-radius: 24px;
    }

    .badge-vertical__content[b-htw3wszjql] {
        padding: 18px 16px 0;
    }

    .badge-vertical__name[b-htw3wszjql] {
        font-size: 24px;
    }

    .badge-vertical__position[b-htw3wszjql] {
        font-size: 15px;
    }

    .badge-vertical__org[b-htw3wszjql] {
        font-size: 14px;
    }

    .badge-vertical__qr-img[b-htw3wszjql] {
        width: 154px;
        height: 154px;
    }

    .badge-vertical__role[b-htw3wszjql] {
        font-size: 18px;
    }
}

.qr-badge-modal__footer[b-htw3wszjql] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 10px;
}

.qr-badge-modal__btn[b-htw3wszjql] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease;
}

    .qr-badge-modal__btn.primary[b-htw3wszjql] {
        border: none;
        background: linear-gradient(135deg, #7b63d6, #5d48bb);
        color: white;
        box-shadow: 0 14px 24px rgba(73, 51, 170, 0.20);
    }

    .qr-badge-modal__btn.secondary[b-htw3wszjql] {
        border: 1.5px solid rgba(138, 116, 201, 0.16);
        background: rgba(138, 116, 201, 0.07);
        color: #6d58c4;
    }



@media (max-width: 1000px) {
    .virtual-badge__main[b-htw3wszjql] {
        grid-template-columns: 1fr;
    }

    .virtual-badge__qr-card[b-htw3wszjql] {
        align-items: center;
    }
}

@media (max-width: 700px) {
    .qr-badge-modal__title[b-htw3wszjql] {
        font-size: 26px;
    }

    .virtual-badge[b-htw3wszjql] {
        min-height: unset;
        border-radius: 24px;
    }

    .virtual-badge__content[b-htw3wszjql] {
        padding: 18px 16px 18px;
    }

    .virtual-badge__top[b-htw3wszjql] {
        flex-direction: column;
    }

    .virtual-badge__event-logo-wrap[b-htw3wszjql] {
        width: 100%;
        min-width: unset;
    }

    .virtual-badge__person-name[b-htw3wszjql] {
        font-size: 28px;
    }

    .virtual-badge__qr-image[b-htw3wszjql],
    .virtual-badge__qr-placeholder[b-htw3wszjql] {
        width: 180px;
        height: 180px;
    }

    .qr-badge-modal__footer[b-htw3wszjql] {
        flex-direction: column-reverse;
    }

    .qr-badge-modal__btn[b-htw3wszjql] {
        width: 100%;
    }
}
/* /Components/Pages/Prorgam/ProgramNew.razor.rz.scp.css */
.event-inner-page-shell[b-3octvj5dgq] {
    padding: 10px 0 24px;
}

.event-inner-page-card[b-3octvj5dgq] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.event-inner-page-content[b-3octvj5dgq] {
    position: relative;
    z-index: 2;
    padding: 34px 30px 30px;
}

.event-inner-page-glow[b-3octvj5dgq] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.14;
    pointer-events: none;
    z-index: 1;
}

.event-inner-page-glow-1[b-3octvj5dgq] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -60px;
    left: -60px;
}

.event-inner-page-glow-2[b-3octvj5dgq] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -80px;
}


.program-download-btn[b-3octvj5dgq] {
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.75);
    background: transparent;
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .program-download-btn:hover[b-3octvj5dgq] {
        background: rgba(138, 116, 201, 0.07);
    }


.program-toolbar[b-3octvj5dgq] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 22px;
}

.program-view-btn[b-3octvj5dgq] {
    min-width: 64px;
    height: 42px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(138, 116, 201, 0.18);
    background: rgba(138, 116, 201, 0.05);
    color: #6d58c4;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

    .program-view-btn.active[b-3octvj5dgq] {
        background: rgba(138, 116, 201, 0.16);
        border-color: rgba(138, 116, 201, 0.28);
    }

@media (max-width: 1200px) {
    .speakers-page__grid[b-3octvj5dgq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .speakers-page__grid[b-3octvj5dgq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-inner-page-content[b-3octvj5dgq] {
        padding: 26px 20px 22px;
    }
}

@media (max-width: 640px) {
    .speakers-page__grid[b-3octvj5dgq] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .speakers-page__search-wrap[b-3octvj5dgq] {
        max-width: none;
    }

    .event-inner-page-card[b-3octvj5dgq] {
        border-radius: 24px;
    }

    .event-inner-page-content[b-3octvj5dgq] {
        padding: 20px 14px 18px;
    }
}
/* /Components/Pages/Prorgam/ViewsNew/GridProgramContentModalNew.razor.rz.scp.css */
.kazcs-program-modal[b-exqgic9czx] {
    max-width: 1320px !important;
    border-radius: 32px;
    overflow: hidden;
    background: rgba(251, 251, 252, 0.98);
    box-shadow: 0 30px 80px rgba(22, 20, 40, 0.22);
}

.kazcs-program-modal-close[b-exqgic9czx] {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 10;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    color: #3b3560;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(20, 18, 30, 0.10);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

    .kazcs-program-modal-close:hover[b-exqgic9czx] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(20, 18, 30, 0.14);
    }

.kazcs-program-modal-shell[b-exqgic9czx] {
    position: relative;
    overflow: hidden;
    padding: 42px 32px 30px;
    background: rgba(251, 251, 252, 1);
}

.kazcs-program-glow[b-exqgic9czx] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.16;
    pointer-events: none;
}

.kazcs-program-glow-1[b-exqgic9czx] {
    width: 240px;
    height: 240px;
    background: #8a74c9;
    top: -50px;
    left: -50px;
}

.kazcs-program-glow-2[b-exqgic9czx] {
    width: 260px;
    height: 260px;
    background: #aaa0db;
    right: -60px;
    bottom: -60px;
}

.kazcs-program-header[b-exqgic9czx] {
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
    padding-right: 56px;
}

.kazcs-program-brand[b-exqgic9czx] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 12px;
}

.kazcs-program-title[b-exqgic9czx] {
    margin: 0;
    font-size: clamp(28px, 2.2vw, 44px);
    line-height: 1.15;
    font-weight: 800;
    color: #18181b;
}

.kazcs-program-title-line[b-exqgic9czx] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 14px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.kazcs-program-session-time[b-exqgic9czx] {
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.14);
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
}

.kazcs-program-content[b-exqgic9czx] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kazcs-program-empty[b-exqgic9czx] {
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(138, 116, 201, 0.05);
    color: #6f7083;
    text-align: center;
}

/* rows */

.kazcs-program-row[b-exqgic9czx] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 18px;
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.08);
}

.kazcs-program-row-time[b-exqgic9czx] {
    font-size: 18px;
    font-weight: 800;
    color: #2d2494;
    white-space: nowrap;
}

.kazcs-program-row-main[b-exqgic9czx] {
    min-width: 0;
}

.kazcs-program-row-title[b-exqgic9czx] {
    font-size: 18px;
    line-height: 1.42;
    font-weight: 700;
    color: #18181b;
}

.kazcs-program-row-break[b-exqgic9czx] {
    background: rgba(0,0,0,0.035);
}

/* one speaker compact */

.kazcs-program-row.kazcs-program-row-compact[b-exqgic9czx] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 16px;
    align-items: start;
    background: rgba(255,255,255,0.90);
}

.kazcs-program-speaker-inline[b-exqgic9czx] {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 58px;
    gap: 14px;
    align-items: center;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.kazcs-program-speaker-inline-info[b-exqgic9czx] {
    min-width: 0;
}

.kazcs-program-speaker-inline-name[b-exqgic9czx] {
    font-size: 16px;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 4px;
}

.kazcs-program-speaker-inline-role[b-exqgic9czx] {
    font-size: 13px;
    line-height: 1.45;
    color: #66687a;
}

.kazcs-program-avatar-col[b-exqgic9czx] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(138, 116, 201, 0.18);
    box-shadow: 0 10px 18px rgba(36, 30, 70, 0.10), 0 0 0 4px rgba(138, 116, 201, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .kazcs-program-avatar-col img[b-exqgic9czx] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.22s ease;
    }

.kazcs-program-speaker-inline:hover .kazcs-program-avatar-col[b-exqgic9czx] {
    transform: scale(1.05);
    border-color: rgba(138, 116, 201, 0.34);
    box-shadow: 0 14px 24px rgba(36, 30, 70, 0.12), 0 0 0 6px rgba(138, 116, 201, 0.10);
}

    .kazcs-program-speaker-inline:hover .kazcs-program-avatar-col img[b-exqgic9czx] {
        transform: scale(1.04);
    }

.kazcs-program-speaker-inline:hover .kazcs-program-speaker-inline-name[b-exqgic9czx] {
    color: #4933aa;
}

/* multi speaker */

.kazcs-program-row.kazcs-program-row-multi[b-exqgic9czx] {
    display: grid;
    grid-template-columns: 120px minmax(260px, 1fr) minmax(320px, 420px);
    gap: 18px;
    align-items: start;
    background: rgba(255,255,255,0.90);
}

.kazcs-program-speakers-stack[b-exqgic9czx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kazcs-program-speaker-row[b-exqgic9czx] {
    display: grid;
    grid-template-columns: 1fr 52px;
    gap: 12px;
    align-items: center;
    min-width: 0;
    border: none;
    background: transparent;
    text-align: left;
    padding: 6px 8px;
    margin: 0 -8px;
    border-radius: 14px;
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease;
}

    .kazcs-program-speaker-row:hover[b-exqgic9czx] {
        transform: translateX(2px);
        background: rgba(138, 116, 201, 0.05);
    }

    .kazcs-program-speaker-row + .kazcs-program-speaker-row[b-exqgic9czx] {
        border-top: 1px solid rgba(138, 116, 201, 0.10);
        padding-top: 12px;
    }

.kazcs-program-speaker-row-info[b-exqgic9czx] {
    min-width: 0;
}

.kazcs-program-speaker-row-name[b-exqgic9czx] {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    color: #18181b;
    margin-bottom: 4px;
}

.kazcs-program-speaker-row-role[b-exqgic9czx] {
    font-size: 13px;
    line-height: 1.45;
    color: #66687a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kazcs-program-speaker-row-avatar[b-exqgic9czx] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255,255,255,0.90);
    border: 1px solid rgba(138, 116, 201, 0.16);
    box-shadow: 0 8px 16px rgba(36, 30, 70, 0.10), 0 0 0 4px rgba(138, 116, 201, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .kazcs-program-speaker-row-avatar img[b-exqgic9czx] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.22s ease;
    }

.kazcs-program-speaker-row:hover .kazcs-program-speaker-row-avatar[b-exqgic9czx] {
    transform: scale(1.05);
    border-color: rgba(138, 116, 201, 0.30);
    box-shadow: 0 12px 20px rgba(36, 30, 70, 0.12), 0 0 0 5px rgba(138, 116, 201, 0.08);
}

    .kazcs-program-speaker-row:hover .kazcs-program-speaker-row-avatar img[b-exqgic9czx] {
        transform: scale(1.04);
    }

.kazcs-program-speaker-row:hover .kazcs-program-speaker-row-name[b-exqgic9czx] {
    color: #4933aa;
}

/* speaker detail mode */

.kazcs-program-speaker-view[b-exqgic9czx] {
    position: relative;
    z-index: 2;
}

.kazcs-program-speaker-topbar[b-exqgic9czx] {
    margin-bottom: 20px;
}

.kazcs-program-back-btn[b-exqgic9czx] {
    height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.55);
    background: transparent;
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .kazcs-program-back-btn:hover[b-exqgic9czx] {
        background: rgba(138, 116, 201, 0.08);
    }

.kazcs-program-speaker-content[b-exqgic9czx] {
    background: rgba(255,255,255,0.86);
    border-radius: 24px;
    padding: 18px 18px 6px;
    border: 1px solid rgba(138, 116, 201, 0.08);
}

/* mobile */

@media (max-width: 1100px) {
    .kazcs-program-row.kazcs-program-row-multi[b-exqgic9czx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .kazcs-program-modal-shell[b-exqgic9czx] {
        padding: 28px 16px 20px;
    }

    .kazcs-program-header[b-exqgic9czx] {
        padding-right: 46px;
    }

    .kazcs-program-title[b-exqgic9czx] {
        font-size: clamp(24px, 7vw, 34px);
    }

    .kazcs-program-row[b-exqgic9czx],
    .kazcs-program-row.kazcs-program-row-compact[b-exqgic9czx],
    .kazcs-program-row.kazcs-program-row-multi[b-exqgic9czx] {
        grid-template-columns: 1fr;
    }

    .kazcs-program-row-title[b-exqgic9czx] {
        font-size: 16px;
    }

    .kazcs-program-speaker-inline[b-exqgic9czx] {
        grid-template-columns: 1fr 52px;
    }
}
/* /Components/Pages/Prorgam/ViewsNew/GridProgramViewNew.razor.rz.scp.css */
.program-grid-wrap[b-p7qt0oi0rh] {
    overflow-x: auto;
    padding-bottom: 4px;
}

.program-grid-table[b-p7qt0oi0rh] {
    display: grid;
    gap: 10px;
    min-width: 820px;
}

.program-grid-empty-head[b-p7qt0oi0rh] {
    min-height: 58px;
}

.program-grid-hall-head[b-p7qt0oi0rh] {
    min-height: 58px;
    padding: 0 18px;
    border-radius: 16px;
    background: rgba(138, 116, 201, 0.07);
    border: 1px solid rgba(138, 116, 201, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2d2494;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
}

.program-grid-time[b-p7qt0oi0rh] {
    min-height: 116px;
    border-radius: 20px;
    background: linear-gradient(135deg, #8a74c9, #4933aa);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px 10px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(73, 51, 170, 0.18);
}

.program-grid-cell[b-p7qt0oi0rh] {
    min-height: 116px;
    padding: 18px 16px;
    border-radius: 20px;
    background: rgba(138, 116, 201, 0.10);
    border: 1px solid rgba(138, 116, 201, 0.10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    cursor: pointer;
}

    .program-grid-cell:hover[b-p7qt0oi0rh] {
        transform: translateY(-2px);
        background: rgba(138, 116, 201, 0.14);
        box-shadow: 0 12px 22px rgba(36, 30, 70, 0.08);
    }

    .program-grid-cell.featured[b-p7qt0oi0rh] {
        background: rgba(138, 116, 201, 0.16);
        border-color: rgba(138, 116, 201, 0.22);
    }

    .program-grid-cell.break[b-p7qt0oi0rh] {
        background: rgba(0,0,0,0.035);
    }

    .program-grid-cell.lunch[b-p7qt0oi0rh] {
        background: rgba(138, 116, 201, 0.16);
    }

    .program-grid-cell.empty[b-p7qt0oi0rh] {
        background: rgba(138, 116, 201, 0.05);
        border-style: dashed;
        cursor: default;
        box-shadow: none;
    }

        .program-grid-cell.empty:hover[b-p7qt0oi0rh] {
            transform: none;
            background: rgba(138, 116, 201, 0.05);
        }

.program-grid-cell-title[b-p7qt0oi0rh] {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    color: #2b2d3a;
    text-align: center;
}

.program-grid-cell-meta[b-p7qt0oi0rh] {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
    color: #6f7083;
    text-align: center;
}

@media (max-width: 768px) {
    .program-grid-table[b-p7qt0oi0rh] {
        min-width: 760px;
    }

    .program-grid-time[b-p7qt0oi0rh] {
        font-size: 16px;
    }

    .program-grid-cell-title[b-p7qt0oi0rh] {
        font-size: 15px;
    }
}
/* /Components/Pages/Prorgam/ViewsNew/ProgramContentViewNew.razor.rz.scp.css */
.program-content-wrap[b-iabtmk9sdy] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
/* /Components/Pages/Prorgam/ViewsNew/ProgramDaysNavigatorNew.razor.rz.scp.css */
.program-days-nav[b-snww1rneu4] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.program-day-card[b-snww1rneu4] {
    min-width: 180px;
    padding: 16px 18px;
    border-radius: 20px;
    border: 1px solid rgba(138, 116, 201, 0.14);
    background: rgba(138, 116, 201, 0.04);
    text-align: left;
    cursor: pointer;
    transition: 0.2s ease;
}

    .program-day-card:hover[b-snww1rneu4] {
        transform: translateY(-1px);
        background: rgba(138, 116, 201, 0.07);
    }

    .program-day-card.active[b-snww1rneu4] {
        background: white;
        border-color: rgba(138, 116, 201, 0.28);
        box-shadow: 0 12px 24px rgba(36, 30, 70, 0.08);
    }

.program-day-name[b-snww1rneu4] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 8px;
}

.program-day-date[b-snww1rneu4] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #18181b;
}

    .program-day-date .big[b-snww1rneu4] {
        font-size: 38px;
        line-height: 1;
        font-weight: 800;
    }


@media (max-width: 768px) {

    .program-day-card[b-snww1rneu4] {
        min-width: 120px;
        padding: 10px 12px;
    }

    .program-day-date .big[b-snww1rneu4] {
        font-size: 20px;
    }
}
/* /Components/Pages/Prorgam/ViewsNew/ProgramRoomNavigatorNew.razor.rz.scp.css */
.program-rooms[b-oiplxho6ne] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.program-room-card[b-oiplxho6ne] {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.55);
    background: transparent;
    color: #2d2494;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .program-room-card.active[b-oiplxho6ne] {
        background: linear-gradient(135deg, #8a74c9, #4933aa);
        color: white;
        border-color: transparent;
        box-shadow: 0 14px 28px rgba(73, 51, 170, 0.22);
    }
/* /Components/Pages/Prorgam/ViewsNew/ProgramViewNew.razor.rz.scp.css */
.program-section[b-l9hzci6pco] {
    padding: 72px 0 88px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.58), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.40), transparent 28%), #f4f3f8;
}

.program-shell[b-l9hzci6pco] {
    background: rgba(251, 251, 252, 0.94);
    border-radius: 32px;
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.10);
    padding: 38px 40px;
}

.program-top[b-l9hzci6pco] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.program-brand[b-l9hzci6pco] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 12px;
}

.program-title[b-l9hzci6pco] {
    margin: 0;
    font-size: clamp(34px, 3vw, 52px);
    line-height: 1.05;
    font-weight: 800;
    color: #18181b;
}

.program-title-line[b-l9hzci6pco] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 14px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.program-download-btn[b-l9hzci6pco] {
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.75);
    background: transparent;
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .program-download-btn:hover[b-l9hzci6pco] {
        background: rgba(138, 116, 201, 0.07);
    }


.program-toolbar[b-l9hzci6pco] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 22px;
}

.program-view-btn[b-l9hzci6pco] {
    min-width: 64px;
    height: 42px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(138, 116, 201, 0.18);
    background: rgba(138, 116, 201, 0.05);
    color: #6d58c4;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

    .program-view-btn.active[b-l9hzci6pco] {
        background: rgba(138, 116, 201, 0.16);
        border-color: rgba(138, 116, 201, 0.28);
    }

@media (max-width: 768px) {
    .program-shell[b-l9hzci6pco] {
        padding: 24px 18px;
        border-radius: 24px;
    }
}
/* /Components/Pages/Prorgam/ViewsNew/ScheduleItemNew.razor.rz.scp.css */
.program-item[b-ibzq8u5fe8] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 18px;
    padding: 18px 20px;
    border-radius: 22px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.10);
}

    .program-item.speaker[b-ibzq8u5fe8] {
        background: rgba(255,255,255,0.9);
    }

.program-time[b-ibzq8u5fe8] {
    font-size: 18px;
    font-weight: 800;
    color: #2d2494;
    white-space: nowrap;
}

.program-main[b-ibzq8u5fe8] {
    min-width: 0;
}

.program-item-title[b-ibzq8u5fe8] {
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    color: #18181b;
}

.program-content-wrap .accordion-item.program-session[b-ibzq8u5fe8] {
    border-radius: 24px;
    overflow: hidden;
    background: rgba(138, 116, 201, 0.05);
    border: 1px solid rgba(138, 116, 201, 0.10);
}

.program-session-top[b-ibzq8u5fe8] {
    display: grid;
    grid-template-columns: 64px 1fr 52px;
    gap: 16px;
    align-items: start;
    padding: 18px 20px;
    background: rgba(138, 116, 201, 0.10);
}

.program-session-index[b-ibzq8u5fe8] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    color: #4933aa;
    box-shadow: 0 8px 18px rgba(36, 30, 70, 0.08);
}

.program-session-meta[b-ibzq8u5fe8] {
    min-width: 0;
}

.program-session-time[b-ibzq8u5fe8] {
    font-size: 15px;
    font-weight: 700;
    color: #6d58c4;
    margin-bottom: 6px;
}

.program-session-title[b-ibzq8u5fe8] {
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
    color: #18181b;
}

.program-expand-btn[b-ibzq8u5fe8] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid rgba(73, 51, 170, 0.45);
    background: white;
    color: #4933aa;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.program-session-items[b-ibzq8u5fe8] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* =========================================
   COMPACT ITEM WITH CENTERED AVATAR
   ========================================= */

.program-item.speaker.compact[b-ibzq8u5fe8] {
    display: grid;
    grid-template-columns: 120px 1fr 64px;
    gap: 16px;
    align-items: center;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,0.85);
    border: 1px solid rgba(138, 116, 201, 0.08);
}

    .program-item.speaker.compact .program-time[b-ibzq8u5fe8] {
        font-size: 15px;
        font-weight: 800;
        color: #2d2494;
        white-space: nowrap;
    }

    .program-item.speaker.compact .program-main[b-ibzq8u5fe8] {
        min-width: 0;
    }

    .program-item.speaker.compact .program-item-title[b-ibzq8u5fe8] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 1.4;
    }

.program-speaker-inline-name[b-ibzq8u5fe8] {
    font-size: 14px;
    font-weight: 800;
    color: #18181b;
}

.program-speaker-inline-role[b-ibzq8u5fe8] {
    font-size: 13px;
    color: #66687a;
    line-height: 1.45;
}

.program-avatar-col[b-ibzq8u5fe8] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(36, 30, 70, 0.10);
    flex-shrink: 0;
}

    .program-avatar-col img[b-ibzq8u5fe8] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.program-break[b-ibzq8u5fe8] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 18px;
    align-items: center;
    padding: 16px 20px;
    border-radius: 18px;
    background: rgba(0,0,0,0.035);
    margin-bottom:18px;
}

    .program-break.lunch[b-ibzq8u5fe8] {
        background: rgba(138, 116, 201, 0.10);
    }

.program-break-title[b-ibzq8u5fe8] {
    font-size: 18px;
    font-weight: 700;
    color: #36384a;
}

/* =========================================
   MULTI SPEAKER ITEM
   ========================================= */

.program-item.speaker.multi[b-ibzq8u5fe8] {
    display: grid;
    grid-template-columns: 120px minmax(260px, 1fr) minmax(320px, 420px);
    gap: 18px;
    align-items: start;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,0.85);
    border: 1px solid rgba(138, 116, 201, 0.08);
}

    .program-item.speaker.multi .program-time[b-ibzq8u5fe8] {
        font-size: 15px;
        font-weight: 800;
        color: #2d2494;
        white-space: nowrap;
    }

    .program-item.speaker.multi .program-item-title[b-ibzq8u5fe8] {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
    }

.program-speakers-stack[b-ibzq8u5fe8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.program-speaker-row[b-ibzq8u5fe8] {
    display: grid;
    grid-template-columns: 1fr 52px;
    gap: 12px;
    align-items: center;
    min-width: 0;
}

    .program-speaker-row + .program-speaker-row[b-ibzq8u5fe8] {
        padding-top: 10px;
        border-top: 1px solid rgba(138, 116, 201, 0.10);
    }

.program-speaker-row-info[b-ibzq8u5fe8] {
    min-width: 0;
}

.program-speaker-row-name[b-ibzq8u5fe8] {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    color: #18181b;
    margin-bottom: 4px;
}

.program-speaker-row-role[b-ibzq8u5fe8] {
    font-size: 13px;
    line-height: 1.45;
    color: #66687a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.program-speaker-row-avatar[b-ibzq8u5fe8] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(36, 30, 70, 0.10);
    flex-shrink: 0;
}

    .program-speaker-row-avatar[b-ibzq8u5fe8]  img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media (max-width: 900px) {
    .program-item.speaker.multi[b-ibzq8u5fe8] {
        grid-template-columns: 1fr;
    }
}

.program-content-wrap .accordion-button[b-ibzq8u5fe8]::after {
    display: none !important;
}

.program-content-wrap .accordion-button[b-ibzq8u5fe8] {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    display: block !important;
}

.program-content-wrap .accordion-header[b-ibzq8u5fe8] {
    margin: 0;
}

.program-content-wrap .accordion-item[b-ibzq8u5fe8] {
    border: none !important;
    background: transparent !important;
}

.program-content-wrap .accordion-body[b-ibzq8u5fe8] {
    padding: 0 !important;
    background: transparent !important;
}

.program-content-wrap .accordion-collapse[b-ibzq8u5fe8] {
    border: none !important;
}

.program-session-top[b-ibzq8u5fe8] {
    width: 100%;
    display: grid;
    grid-template-columns: 64px 1fr 52px;
    gap: 16px;
    align-items: start;
    padding: 18px 20px;
    background: rgba(138, 116, 201, 0.10);
    border-radius: 22px;
}

.program-content-wrap .accordion-button.collapsed[b-ibzq8u5fe8],
.program-content-wrap .accordion-button:not(.collapsed)[b-ibzq8u5fe8] {
    color: inherit !important;
}

.program-session[b-ibzq8u5fe8] {
    border-radius: 24px;
    overflow: hidden;
    background: rgba(138, 116, 201, 0.05);
    border: 1px solid rgba(138, 116, 201, 0.10);
    margin-bottom: 16px;
}

.accordion-item.program-session .accordion-button.collapsed .program-expand-btn span[b-ibzq8u5fe8]::after {
    content: '+';
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0px;
    right: 0;
    margin: auto;
    font-size: 29px;
}

.accordion-item.program-session .accordion-button .program-expand-btn span[b-ibzq8u5fe8]::after {
    content: '_';
    position: absolute;
    top: -6px;
    bottom: 0;
    left: 0px;
    right: 0;
    margin: auto;
    font-size: 29px;
}

/* =========================================
   SPEAKER AVATAR — MODAL STYLE
   ========================================= */

/* строка со спикером кликабельна */
.program-item.speaker.compact[b-ibzq8u5fe8] {
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

    .program-item.speaker.compact:hover[b-ibzq8u5fe8] {
        transform: translateY(-2px);
        background: rgba(255,255,255,0.96);
        box-shadow: 0 14px 26px rgba(36, 30, 70, 0.08);
    }

/* аватар теперь не круглый */
.program-avatar-col[b-ibzq8u5fe8] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.85);
    border: 1px solid rgba(138, 116, 201, 0.18);
    box-shadow: 0 10px 18px rgba(36, 30, 70, 0.10), 0 0 0 4px rgba(138, 116, 201, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .program-avatar-col img[b-ibzq8u5fe8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.22s ease;
    }

/* hover-эффект */
.program-item.speaker.compact:hover .program-avatar-col[b-ibzq8u5fe8] {
    transform: scale(1.05);
    border-color: rgba(138, 116, 201, 0.34);
    box-shadow: 0 14px 24px rgba(36, 30, 70, 0.12), 0 0 0 6px rgba(138, 116, 201, 0.10);
}

    .program-item.speaker.compact:hover .program-avatar-col img[b-ibzq8u5fe8] {
        transform: scale(1.04);
    }

/* имя тоже можно чуть подсветить */
.program-item.speaker.compact:hover .program-speaker-inline-name[b-ibzq8u5fe8] {
    color: #4933aa;
}

/* multi-speaker rows тоже делаем кликабельными, если нужно */
.program-speaker-row[b-ibzq8u5fe8] {
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease;
    border-radius: 14px;
    padding: 6px 8px;
    margin: 0 -8px;
}

    .program-speaker-row:hover[b-ibzq8u5fe8] {
        transform: translateX(2px);
        background: rgba(138, 116, 201, 0.05);
    }

.program-speaker-row-avatar[b-ibzq8u5fe8] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(138, 116, 201, 0.16);
    box-shadow: 0 8px 16px rgba(36, 30, 70, 0.10), 0 0 0 4px rgba(138, 116, 201, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .program-speaker-row-avatar img[b-ibzq8u5fe8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.22s ease;
    }

.program-speaker-row:hover .program-speaker-row-avatar[b-ibzq8u5fe8] {
    transform: scale(1.05);
    border-color: rgba(138, 116, 201, 0.30);
    box-shadow: 0 12px 20px rgba(36, 30, 70, 0.12), 0 0 0 5px rgba(138, 116, 201, 0.08);
}

    .program-speaker-row:hover .program-speaker-row-avatar img[b-ibzq8u5fe8] {
        transform: scale(1.04);
    }

.program-speaker-row:hover .program-speaker-row-name[b-ibzq8u5fe8] {
    color: #4933aa;
}


/* =========================================
   MOBILE PROGRAM FIX
   ========================================= */

@media (max-width: 768px) {

    /* ===== BASE ITEM ===== */
    .program-item[b-ibzq8u5fe8] {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 14px 14px;
        border-radius: 18px;
    }

    .program-time[b-ibzq8u5fe8] {
        font-size: 14px;
        font-weight: 800;
        color: #6d58c4;
    }

    .program-item-title[b-ibzq8u5fe8] {
        font-size: 16px;
        line-height: 1.35;
    }

    /* ===== SESSION HEADER ===== */
    .program-session-top[b-ibzq8u5fe8] {
        grid-template-columns: 1fr auto;
        gap: 10px;
        padding: 14px;
        border-radius: 18px;
    }

    .program-session-index[b-ibzq8u5fe8] {
        display: none; /* убираем номер — экономим место */
    }

    .program-session-time[b-ibzq8u5fe8] {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .program-session-title[b-ibzq8u5fe8] {
        font-size: 16px;
        line-height: 1.35;
    }

    .program-expand-btn[b-ibzq8u5fe8] {
        width: 38px;
        height: 38px;
        font-size: 22px;
    }

    /* ===== SESSION ITEMS ===== */
    .program-session-items[b-ibzq8u5fe8] {
        padding: 10px;
        gap: 8px;
    }

    /* ===== SPEAKER COMPACT ===== */
    .program-item.speaker.compact[b-ibzq8u5fe8] {
        grid-template-columns: 1fr auto;
        gap: 10px;
        padding: 12px;
        align-items: center;
    }

        .program-item.speaker.compact .program-time[b-ibzq8u5fe8] {
            grid-column: 1 / -1;
            font-size: 13px;
        }

        .program-item.speaker.compact .program-item-title[b-ibzq8u5fe8] {
            font-size: 14px;
            margin-bottom: 4px;
        }

    .program-speaker-inline-name[b-ibzq8u5fe8] {
        font-size: 13px;
    }

    .program-speaker-inline-role[b-ibzq8u5fe8] {
        font-size: 12px;
    }

    .program-avatar-col[b-ibzq8u5fe8] {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    /* ===== MULTI SPEAKER ===== */
    .program-item.speaker.multi[b-ibzq8u5fe8] {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .program-speaker-row[b-ibzq8u5fe8] {
        grid-template-columns: 1fr 42px;
        gap: 8px;
        padding: 4px 0;
    }

    .program-speaker-row-name[b-ibzq8u5fe8] {
        font-size: 13px;
    }

    .program-speaker-row-role[b-ibzq8u5fe8] {
        font-size: 12px;
    }

    .program-speaker-row-avatar[b-ibzq8u5fe8] {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    /* ===== BREAK / LUNCH ===== */
    .program-break[b-ibzq8u5fe8] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 12px;
        border-radius: 16px;
    }

    .program-break-title[b-ibzq8u5fe8] {
        font-size: 14px;
    }
}
/* /Components/Pages/Prorgam/ViewsNew/SpeakerInfoContentViewNew.razor.rz.scp.css */
.kazcs-program-speaker-detail[b-sfhy7sz6l8] {
    position: relative;
    z-index: 2;
}

.kazcs-program-speaker-detail-topbar[b-sfhy7sz6l8] {
    margin-bottom: 18px;
}

.kazcs-program-back-btn[b-sfhy7sz6l8] {
    height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1.5px solid rgba(138, 116, 201, 0.55);
    background: transparent;
    color: #6d58c4;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

    .kazcs-program-back-btn:hover[b-sfhy7sz6l8] {
        background: rgba(138, 116, 201, 0.08);
    }

.kazcs-program-speaker-detail-card[b-sfhy7sz6l8] {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    
    padding: 24px;
}

.kazcs-program-speaker-detail-layout[b-sfhy7sz6l8] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 28px;
    align-items: center;
}

.kazcs-program-speaker-detail-left[b-sfhy7sz6l8] {
    min-width: 0;
}

.kazcs-program-speaker-brand[b-sfhy7sz6l8] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #4933aa;
    margin-bottom: 14px;
}

.kazcs-program-speaker-title[b-sfhy7sz6l8] {
    margin: 0;
    font-size: clamp(28px, 2vw, 40px);
    line-height: 1.1;
    font-weight: 800;
    color: #18181b;
}

.kazcs-program-speaker-title-line[b-sfhy7sz6l8] {
    width: 64px;
    height: 4px;
    border-radius: 999px;
    margin-top: 14px;
    background: linear-gradient(90deg, #4933aa, #aaa0db);
}

.kazcs-program-speaker-main-info[b-sfhy7sz6l8] {
    margin-top: 24px;
}

.kazcs-program-speaker-name[b-sfhy7sz6l8] {
    font-size: clamp(24px, 1.8vw, 34px);
    line-height: 1.15;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 10px;
}

.kazcs-program-speaker-role[b-sfhy7sz6l8] {
    font-size: 16px;
    line-height: 1.75;
    color: #66687a;
}

.kazcs-program-speaker-bio-block[b-sfhy7sz6l8] {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(138, 116, 201, 0.12);
}

.kazcs-program-speaker-bio-title[b-sfhy7sz6l8] {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 12px;
}

.kazcs-program-speaker-bio[b-sfhy7sz6l8] {
    font-size: 15px;
    line-height: 1.8;
    color: #2f3140;
    max-height: 340px;
    overflow: auto;
    padding-right: 8px;
}

    .kazcs-program-speaker-bio[b-sfhy7sz6l8]::-webkit-scrollbar {
        width: 8px;
    }

    .kazcs-program-speaker-bio[b-sfhy7sz6l8]::-webkit-scrollbar-thumb {
        background: rgba(138, 116, 201, 0.30);
        border-radius: 999px;
    }

    .kazcs-program-speaker-bio[b-sfhy7sz6l8]::-webkit-scrollbar-track {
        background: rgba(138, 116, 201, 0.08);
        border-radius: 999px;
    }

.kazcs-program-speaker-detail-right[b-sfhy7sz6l8] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.kazcs-program-speaker-photo-shell[b-sfhy7sz6l8] {
    width: 100%;
    max-width: 360px;
}

.kazcs-program-speaker-photo-card[b-sfhy7sz6l8] {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: white;
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 24px 50px rgba(20, 18, 30, 0.12), 0 8px 18px rgba(20, 18, 30, 0.06);
}

.kazcs-program-speaker-photo[b-sfhy7sz6l8] {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.kazcs-program-speaker-detail-glow[b-sfhy7sz6l8] {
    position: absolute;
    border-radius: 999px;
    filter: blur(60px);
    opacity: 0.16;
    pointer-events: none;
    z-index: 1;
}

.kazcs-program-speaker-detail-glow-1[b-sfhy7sz6l8] {
    width: 220px;
    height: 220px;
    background: #8a74c9;
    top: -40px;
    left: -40px;
}

.kazcs-program-speaker-detail-glow-2[b-sfhy7sz6l8] {
    width: 240px;
    height: 240px;
    background: #aaa0db;
    bottom: -60px;
    right: -60px;
}

.section-kicker[b-sfhy7sz6l8] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a719f;
    margin-bottom: 12px;
}

.speaker-section[b-sfhy7sz6l8] {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid rgba(73, 51, 170, 0.12);
}

.section-body[b-sfhy7sz6l8] {
    color: #2d2d38;
    font-size: 15px;
    line-height: 1.85;
    white-space: pre-line;
    word-break: break-word;
}

/* SPEECHES */

.speaker-sessions[b-sfhy7sz6l8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.speaker-session-card[b-sfhy7sz6l8] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: start;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.14);
}

.speaker-session-index[b-sfhy7sz6l8] {
    font-size: 15px;
    font-weight: 700;
    color: var(--brand-2);
    min-width: 24px;
}

.speaker-session-main[b-sfhy7sz6l8] {
    min-width: 0;
}

.speaker-session-title[b-sfhy7sz6l8] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-dark);
    line-height: 1.5;
}

.speaker-session-meta[b-sfhy7sz6l8] {
    margin-top: 6px;
    font-size: 13px;
    color: #7a719f;
    line-height: 1.5;
}

.speaker-session-time[b-sfhy7sz6l8] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-dark);
    white-space: nowrap;
    text-align: right;
}

.section-empty[b-sfhy7sz6l8] {
    font-size: 14px;
    color: var(--text-muted);
    padding: 6px 0;
}

@media (max-width: 980px) {
    .kazcs-program-speaker-detail-layout[b-sfhy7sz6l8] {
        grid-template-columns: 1fr;
    }

    .kazcs-program-speaker-photo-shell[b-sfhy7sz6l8] {
        max-width: 320px;
    }
}

@media (max-width: 768px) {
    .kazcs-program-speaker-detail-card[b-sfhy7sz6l8] {
        padding: 18px;
        border-radius: 22px;
    }

    .kazcs-program-speaker-title[b-sfhy7sz6l8] {
        font-size: clamp(24px, 6vw, 30px);
    }

    .kazcs-program-speaker-name[b-sfhy7sz6l8] {
        font-size: 24px;
    }

    .kazcs-program-speaker-role[b-sfhy7sz6l8] {
        font-size: 14px;
        line-height: 1.65;
    }

    .kazcs-program-speaker-bio[b-sfhy7sz6l8] {
        font-size: 14px;
        max-height: 260px;
    }
}
/* /Components/Pages/Speakers/SpeakersNew.razor.rz.scp.css */
.event-inner-page-shell[b-c3xpnc2sko] {
    padding: 10px 0 24px;
}

.event-inner-page-card[b-c3xpnc2sko] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.event-inner-page-content[b-c3xpnc2sko] {
    position: relative;
    z-index: 2;
    padding: 34px 30px 30px;
}

.event-inner-page-glow[b-c3xpnc2sko] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.14;
    pointer-events: none;
    z-index: 1;
}

.event-inner-page-glow-1[b-c3xpnc2sko] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -60px;
    left: -60px;
}

.event-inner-page-glow-2[b-c3xpnc2sko] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -80px;
}

/*.speakers-page__search-wrap {
    width: 100%;
    max-width: 340px;
    padding: 6px;
    border-radius: 22px;
    background: rgba(138, 116, 201, 0.04);
    border: 1px solid rgba(138, 116, 201, 0.08);
}*/

.speakers-page__subbar[b-c3xpnc2sko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6px 0 22px;
    padding-top: 10px;
    border-top: 1px solid rgba(138, 116, 201, 0.08);
}

.speakers-page__count[b-c3xpnc2sko] {
    font-size: 14px;
    font-weight: 700;
    color: #7a719f;
}

.speakers-page__grid[b-c3xpnc2sko] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 22px;
    align-items: stretch;
}

.speakers-page__col[b-c3xpnc2sko] {
    min-width: 0;
}

.speakers-page__empty[b-c3xpnc2sko] {
    margin-top: 24px;
    padding: 24px;
    border-radius: 22px;
    background: rgba(138, 116, 201, 0.05);
    border: 1px solid rgba(138, 116, 201, 0.10);
    text-align: center;
    color: #6f7083;
    font-size: 15px;
}

@media (max-width: 1200px) {
    .speakers-page__grid[b-c3xpnc2sko] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .speakers-page__grid[b-c3xpnc2sko] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-inner-page-content[b-c3xpnc2sko] {
        padding: 26px 20px 22px;
    }
}

@media (max-width: 640px) {
    .speakers-page__grid[b-c3xpnc2sko] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .speakers-page__search-wrap[b-c3xpnc2sko] {
        max-width: none;
    }

    .event-inner-page-card[b-c3xpnc2sko] {
        border-radius: 24px;
    }

    .event-inner-page-content[b-c3xpnc2sko] {
        padding: 20px 14px 18px;
    }
}
/* /Components/Pages/Speakers/Views/SpeakerItemView.razor.rz.scp.css */
.speaker-card[b-mil4g8efsn] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 24px 18px 38px;
    border: 1px solid rgba(138, 116, 201, 0.10);
    border-radius: 28px;
    background: rgba(251, 251, 252, 0.92);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 6px 12px rgba(36, 30, 70, 0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

    .speaker-card:hover[b-mil4g8efsn] {
        transform: translateY(-4px);
        border-color: rgba(138, 116, 201, 0.18);
        background: rgba(255,255,255,0.98);
        box-shadow: 0 24px 42px rgba(36, 30, 70, 0.10), 0 10px 20px rgba(36, 30, 70, 0.04);
    }

    .speaker-card[b-mil4g8efsn]::after {
        content: attr(data-more);
        position: absolute;
        left: 50%;
        bottom: 14px;
        transform: translateX(-50%);
        font-size: 12px;
        font-weight: 700;
        color: #6d58c4;
        opacity: 0;
        transition: opacity 0.18s ease, transform 0.18s ease;
    }

    .speaker-card:hover[b-mil4g8efsn]::after {
        opacity: 1;
        transform: translateX(-50%) translateY(-2px);
    }

.speaker-card__avatar-wrap[b-mil4g8efsn] {
    width: 148px;
    height: 148px;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(138, 116, 201, 0.16);
    box-shadow: 0 14px 28px rgba(36, 30, 70, 0.10), 0 0 0 6px rgba(138, 116, 201, 0.05);
    margin-bottom: 18px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.speaker-card:hover .speaker-card__avatar-wrap[b-mil4g8efsn] {
    transform: scale(1.03);
    box-shadow: 0 18px 32px rgba(36, 30, 70, 0.12), 0 0 0 8px rgba(138, 116, 201, 0.08);
}

.speaker-card__avatar[b-mil4g8efsn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.speaker-card__name[b-mil4g8efsn] {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 12px;
    min-height: 50px;
}

.speaker-card__descr[b-mil4g8efsn] {
    font-size: 14px;
    line-height: 1.65;
    color: #66687a;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .speaker-card[b-mil4g8efsn] {
        padding: 20px 14px 34px;
        border-radius: 22px;
    }

    .speaker-card__avatar-wrap[b-mil4g8efsn] {
        width: 124px;
        height: 124px;
        border-radius: 24px;
    }

    .speaker-card__name[b-mil4g8efsn] {
        font-size: 16px;
        min-height: auto;
    }

    .speaker-card__descr[b-mil4g8efsn] {
        font-size: 13px;
    }
}
/* /Components/Pages/Speakers/Views/SpeakerItemViewNew.razor.rz.scp.css */
.speaker-card[b-csvs1hmsko] {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 24px 18px 38px;
    border: 1px solid rgba(138, 116, 201, 0.10);
    border-radius: 28px;
    background: rgba(251, 251, 252, 0.92);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 6px 12px rgba(36, 30, 70, 0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

    .speaker-card:hover[b-csvs1hmsko] {
        transform: translateY(-4px);
        border-color: rgba(138, 116, 201, 0.18);
        background: rgba(255,255,255,0.98);
        box-shadow: 0 24px 42px rgba(36, 30, 70, 0.10), 0 10px 20px rgba(36, 30, 70, 0.04);
    }

    .speaker-card[b-csvs1hmsko]::after {
        content: attr(data-more);
        position: absolute;
        left: 50%;
        bottom: 14px;
        transform: translateX(-50%);
        font-size: 12px;
        font-weight: 700;
        color: #6d58c4;
        opacity: 0;
        transition: opacity 0.18s ease, transform 0.18s ease;
    }

    .speaker-card:hover[b-csvs1hmsko]::after {
        opacity: 1;
        transform: translateX(-50%) translateY(-2px);
    }

.speaker-card__avatar-wrap[b-csvs1hmsko] {
    width: 148px;
    height: 148px;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(138, 116, 201, 0.16);
    box-shadow: 0 14px 28px rgba(36, 30, 70, 0.10), 0 0 0 6px rgba(138, 116, 201, 0.05);
    margin-bottom: 18px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.speaker-card:hover .speaker-card__avatar-wrap[b-csvs1hmsko] {
    transform: scale(1.03);
    box-shadow: 0 18px 32px rgba(36, 30, 70, 0.12), 0 0 0 8px rgba(138, 116, 201, 0.08);
}

.speaker-card__avatar[b-csvs1hmsko] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.speaker-card__name[b-csvs1hmsko] {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 12px;
    min-height: 50px;
}

.speaker-card__descr[b-csvs1hmsko] {
    font-size: 14px;
    line-height: 1.65;
    color: #66687a;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .speaker-card[b-csvs1hmsko] {
        padding: 20px 14px 34px;
        border-radius: 22px;
    }

    .speaker-card__avatar-wrap[b-csvs1hmsko] {
        width: 124px;
        height: 124px;
        border-radius: 24px;
    }

    .speaker-card__name[b-csvs1hmsko] {
        font-size: 16px;
        min-height: auto;
    }

    .speaker-card__descr[b-csvs1hmsko] {
        font-size: 13px;
    }
}
/* /Components/Pages/Sponsors/SponsorDetails.razor.rz.scp.css */
.event-inner-page-shell[b-y5muy4sxlj] {
    padding: 10px 0 24px;
}

.event-inner-page-card[b-y5muy4sxlj] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.event-inner-page-content[b-y5muy4sxlj] {
    position: relative;
    z-index: 2;
    padding: 34px 30px 30px;
}

.event-inner-page-glow[b-y5muy4sxlj] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.14;
    pointer-events: none;
    z-index: 1;
}

.event-inner-page-glow-1[b-y5muy4sxlj] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -60px;
    left: -60px;
}

.event-inner-page-glow-2[b-y5muy4sxlj] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -80px;
}

.sponsor-page-shell[b-y5muy4sxlj] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.sponsor-intro-card[b-y5muy4sxlj] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 24px;
    align-items: center;
    padding: 26px;
    border-radius: 32px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.74), transparent 26%), rgba(251,251,252,0.98);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.sponsor-intro-card__brand[b-y5muy4sxlj] {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 10px;
}

.sponsor-intro-card__title[b-y5muy4sxlj] {
    margin: 0;
    font-size: clamp(32px, 3vw, 48px);
    line-height: 1.06;
    font-weight: 800;
    color: #18181b;
}

.sponsor-intro-card__text[b-y5muy4sxlj] {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.8;
    color: #5f6275;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-decoration: none;                
}

    .sponsor-intro-card__text i[b-y5muy4sxlj] {        
        font-size: 18px;
        line-height: 1;
        margin-top: 6px;
        color: #6d58c4;
        flex-shrink: 0;
    }

.sponsor-intro-card__logo-wrap[b-y5muy4sxlj] {
    border-radius: 28px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(138, 116, 201, 0.08);
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px;
    box-shadow: 0 10px 24px rgba(36, 30, 70, 0.08), 0 4px 10px rgba(36, 30, 70, 0.04);
}

.sponsor-intro-card__logo-wrap[b-y5muy4sxlj] {
    transition: box-shadow .2s ease, transform .2s ease;
}

    .sponsor-intro-card__logo-wrap:hover[b-y5muy4sxlj] {
        transform: translateY(-2px);
        box-shadow: 0 24px 50px rgba(36, 30, 70, 0.12), 0 10px 20px rgba(36, 30, 70, 0.08);
    }

.sponsor-intro-card__logo[b-y5muy4sxlj] {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
    display: block;
}

.sponsor-story-grid[b-y5muy4sxlj] {
    display: flex;
    flex-direction: column;
}

.sponsor-video-card[b-y5muy4sxlj] {
    border-radius: 32px;
    background: rgba(255,255,255,0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    padding: 24px;
}

.sponsor-video-card__eyebrow[b-y5muy4sxlj] {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 10px;
}

.sponsor-video-card__title[b-y5muy4sxlj] {
    margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 800;
    color: #18181b;
}

.sponsor-video-card__frame[b-y5muy4sxlj] {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 24px;
    background: #fff;
}

    .sponsor-video-card__frame .yu-iframe[b-y5muy4sxlj] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

.sponsor-products-section[b-y5muy4sxlj] {
    margin-top: 22px;
    padding: 0 0 40px;
}

.sponsor-products-shell[b-y5muy4sxlj] {
    border-radius: 36px;
    overflow: hidden;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.06), transparent 20%), radial-gradient(circle at bottom right, rgba(170,160,219,0.10), transparent 24%), linear-gradient(135deg, #241d63 0%, #302777 44%, #3b2e8f 100%);
    padding: 34px 28px 30px;
    box-shadow: 0 24px 50px rgba(20, 18, 30, 0.14);
}

.sponsor-products-header[b-y5muy4sxlj] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.sponsor-products-eyebrow[b-y5muy4sxlj] {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.72);
    margin-bottom: 10px;
}

.sponsor-products-title[b-y5muy4sxlj] {
    margin: 0;
    font-size: clamp(30px, 2.8vw, 44px);
    line-height: 1.08;
    font-weight: 800;
    color: white;
}

.sponsor-products-subtitle[b-y5muy4sxlj] {
    margin-top: 14px;
    max-width: 720px;
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255,255,255,0.76);
}

.sponsor-products-download[b-y5muy4sxlj] {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.16);
    color: white;
    transition: 0.2s ease;
}

    .sponsor-products-download:hover[b-y5muy4sxlj] {
        transform: translateY(-1px);
        color: white;
        background: rgba(255,255,255,0.16);
    }

.sponsor-products-grid[b-y5muy4sxlj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.sponsor-product-card[b-y5muy4sxlj] {
    border-radius: 24px;
    text-decoration: none;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(255,255,255,0.08);
    overflow: hidden;
    box-shadow: 0 16px 28px rgba(10, 8, 24, 0.14);
    transition: 0.2s ease;
}

    .sponsor-product-card:hover[b-y5muy4sxlj] {
        transform: translateY(-3px);
    }

.sponsor-product-card__name[b-y5muy4sxlj] {
    padding: 16px 16px 0;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
    color: #18181b;
}

.sponsor-product-card__image[b-y5muy4sxlj] {
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

    .sponsor-product-card__image img[b-y5muy4sxlj] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }

.sponsor-contacts-section[b-y5muy4sxlj] {
    padding: 34px 0 40px;
}

.sponsor-contacts-shell[b-y5muy4sxlj] {
    border-radius: 32px;
    background: rgba(255,255,255,0.97);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 22px 50px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
    padding: 30px 28px;
}

.sponsor-contacts-eyebrow[b-y5muy4sxlj] {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #6d58c4;
    margin-bottom: 10px;
}

.sponsor-contacts-title[b-y5muy4sxlj] {
    margin: 0 0 20px;
    font-size: clamp(30px, 2.8vw, 44px);
    line-height: 1.08;
    font-weight: 800;
    color: #18181b;
}

.sponsor-contacts-grid[b-y5muy4sxlj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.sponsor-contacts-card[b-y5muy4sxlj] {
    border-radius: 24px;
    background: rgba(250,249,255,0.95);
    border: 1px solid rgba(138, 116, 201, 0.08);
    padding: 22px 20px;
}

.sponsor-contacts-text[b-y5muy4sxlj] {
    font-size: 15px;
    line-height: 1.8;
    color: #5f6275;
    margin-bottom: 18px;
}

.sponsor-contact-row[b-y5muy4sxlj] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.7;
    color: #232433;
    margin-bottom: 14px;
}

    .sponsor-contact-row i[b-y5muy4sxlj] {
        width: 22px;
        font-size: 18px;
        line-height: 1;
        margin-top: 3px;
        color: #6d58c4;
        flex-shrink: 0;
    }

.sponsor-intro-card__title-row[b-y5muy4sxlj] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sponsor-type-pill[b-y5muy4sxlj] {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

    .sponsor-type-pill.platinum[b-y5muy4sxlj] {
        background: #e9edf6;
        color: #596175;
    }

    .sponsor-type-pill.gold[b-y5muy4sxlj] {
        background: #fff3c4;
        color: #9a7a1a;
    }

    .sponsor-type-pill.silver[b-y5muy4sxlj] {
        background: #eef1f5;
        color: #6c7484;
    }

    .sponsor-type-pill.bronze[b-y5muy4sxlj] {
        background: #f3e2d5;
        color: #8a5a3a;
    }

@media (max-width: 1100px) {
    .sponsor-products-grid[b-y5muy4sxlj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .sponsor-intro-card[b-y5muy4sxlj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .sponsor-intro-card[b-y5muy4sxlj],
    .sponsor-video-card[b-y5muy4sxlj],
    .sponsor-contacts-shell[b-y5muy4sxlj],
    .sponsor-products-shell[b-y5muy4sxlj] {
        border-radius: 24px;
        padding: 20px 16px;
    }

    .sponsor-video-card__title[b-y5muy4sxlj],
    .sponsor-contacts-title[b-y5muy4sxlj] {
        font-size: 26px;
    }

    .sponsor-products-grid[b-y5muy4sxlj] {
        grid-template-columns: 1fr;
    }

    .sponsor-product-card__image[b-y5muy4sxlj] {
        height: 170px;
    }
}
/* /Components/Pages/Sponsors/SponsorsNew.razor.rz.scp.css */
.event-inner-page-shell[b-7i4n5m5c82] {
    padding: 10px 0 24px;
}

.event-inner-page-card[b-7i4n5m5c82] {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.75), transparent 24%), radial-gradient(circle at bottom right, rgba(255,255,255,0.42), transparent 28%), rgba(251, 251, 252, 0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 24px 60px rgba(36, 30, 70, 0.08), 0 8px 18px rgba(36, 30, 70, 0.04);
}

.event-inner-page-content[b-7i4n5m5c82] {
    position: relative;
    z-index: 2;
    padding: 34px 30px 30px;
}

.event-inner-page-glow[b-7i4n5m5c82] {
    position: absolute;
    border-radius: 999px;
    filter: blur(70px);
    opacity: 0.14;
    pointer-events: none;
    z-index: 1;
}

.event-inner-page-glow-1[b-7i4n5m5c82] {
    width: 260px;
    height: 260px;
    background: #8a74c9;
    top: -60px;
    left: -60px;
}

.event-inner-page-glow-2[b-7i4n5m5c82] {
    width: 280px;
    height: 280px;
    background: #aaa0db;
    bottom: -80px;
    right: -80px;
}

.sponsors-group[b-7i4n5m5c82] {
    margin-top: 36px;
}

.sponsors-group__header[b-7i4n5m5c82] {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.sponsors-group__title[b-7i4n5m5c82] {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    color: #4933aa;
}

.sponsors-group__count[b-7i4n5m5c82] {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(138, 116, 201, 0.08);
    border: 1px solid rgba(138, 116, 201, 0.12);
    color: #6d58c4;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.sponsors-group__grid[b-7i4n5m5c82] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

@media (max-width: 1100px) {
    .sponsors-group__grid[b-7i4n5m5c82] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .sponsors-group__grid[b-7i4n5m5c82] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .sponsors-group__title[b-7i4n5m5c82] {
        font-size: 22px;
    }
}
/* /Components/Pages/Sponsors/Views/SponsorCardViewNew.razor.rz.scp.css */
.sponsor-card-clean[b-g10x2pi0pn] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 310px;
    padding: 18px 18px 16px;
    border-radius: 28px;
    text-decoration: none;
    overflow: hidden;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.10);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 8px 14px rgba(36, 30, 70, 0.03);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    color: #1d2338;
}

    .sponsor-card-clean:hover[b-g10x2pi0pn] {
        transform: translateY(-4px);
        box-shadow: 0 24px 42px rgba(36, 30, 70, 0.10), 0 10px 18px rgba(36, 30, 70, 0.04);
    }

.sponsor-card-clean__divider[b-g10x2pi0pn] {
    height: 3px;
    border-radius: 999px;
    margin-top: 14px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.sponsor-card-clean.platinum[b-g10x2pi0pn] {
    border-color: rgba(36, 48, 82, 0.10);
}

    .sponsor-card-clean.platinum:hover[b-g10x2pi0pn] {
        border-color: rgba(36, 48, 82, 0.22);
    }

    

.sponsor-card-clean.gold[b-g10x2pi0pn] {
    border-color: rgba(176, 139, 42, 0.14);
}

    .sponsor-card-clean.gold:hover[b-g10x2pi0pn] {
        border-color: rgba(176, 139, 42, 0.26);
    }

   

.sponsor-card-clean.silver[b-g10x2pi0pn] {
    border-color: rgba(125, 136, 157, 0.14);
}

    .sponsor-card-clean.silver:hover[b-g10x2pi0pn] {
        border-color: rgba(125, 136, 157, 0.26);
    }

   

.sponsor-card-clean.bronze[b-g10x2pi0pn] {
    border-color: rgba(156, 102, 69, 0.14);
}

    .sponsor-card-clean.bronze:hover[b-g10x2pi0pn] {
        border-color: rgba(156, 102, 69, 0.26);
    }



.sponsor-card-clean__top[b-g10x2pi0pn] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px;
}

.sponsor-card-clean__type-pill[b-g10x2pi0pn] {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(138, 116, 201, 0.06);
    border: 1px solid rgba(138, 116, 201, 0.10);
}

.sponsor-card-clean.platinum .sponsor-card-clean__type-pill[b-g10x2pi0pn] {
    color: #586173;
    background: rgba(108, 118, 138, 0.08);
    border-color: rgba(108, 118, 138, 0.14);
}

.sponsor-card-clean.gold .sponsor-card-clean__type-pill[b-g10x2pi0pn] {
    color: #9c7620;
    background: rgba(176, 139, 42, 0.10);
    border-color: rgba(176, 139, 42, 0.14);
}

.sponsor-card-clean.silver .sponsor-card-clean__type-pill[b-g10x2pi0pn] {
    color: #6f7b90;
    background: rgba(125, 136, 157, 0.10);
    border-color: rgba(125, 136, 157, 0.14);
}

.sponsor-card-clean.bronze .sponsor-card-clean__type-pill[b-g10x2pi0pn] {
    color: #9a6240;
    background: rgba(183, 118, 79, 0.10);
    border-color: rgba(183, 118, 79, 0.14);
}

.sponsor-card-clean__logo-wrap[b-g10x2pi0pn] {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.sponsor-card-clean__logo[b-g10x2pi0pn] {
    max-width: 220px;
    max-height: 78px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.sponsor-card-clean__body[b-g10x2pi0pn] {
    flex: 1;
}

.sponsor-card-clean__title[b-g10x2pi0pn] {
    font-size: 22px;
    line-height: 1.28;
    font-weight: 800;
    color: #18181b;
    margin-bottom: 16px;
}

.sponsor-card-clean__contact[b-g10x2pi0pn] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    line-height: 1.6;
    color: #5f6275;
    margin-bottom: 10px;
}

    .sponsor-card-clean__contact i[b-g10x2pi0pn] {
        font-size: 16px;
        line-height: 1;
        margin-top: 3px;
        flex-shrink: 0;
        color: #8c85b6;
    }

.sponsor-card-clean.platinum .sponsor-card-clean__contact i[b-g10x2pi0pn] {
    color: #6d7388;
}

.sponsor-card-clean.gold .sponsor-card-clean__contact i[b-g10x2pi0pn] {
    color: #b08b2a;
}

.sponsor-card-clean.silver .sponsor-card-clean__contact i[b-g10x2pi0pn] {
    color: #8c97aa;
}

.sponsor-card-clean.bronze .sponsor-card-clean__contact i[b-g10x2pi0pn] {
    color: #b7764f;
}

.sponsor-card-clean__footer[b-g10x2pi0pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
}

.sponsor-card-clean__more[b-g10x2pi0pn] {
    font-size: 14px;
    font-weight: 700;
    color: #4933aa;
}

.sponsor-card-clean__arrow[b-g10x2pi0pn] {
    font-size: 20px;
    line-height: 1;
    color: #8c85b6;
    transition: transform 0.18s ease;
}

.sponsor-card-clean:hover .sponsor-card-clean__arrow[b-g10x2pi0pn] {
    transform: translateX(2px);
}

.sponsor-card-clean.platinum .sponsor-card-clean__more[b-g10x2pi0pn],
.sponsor-card-clean.platinum .sponsor-card-clean__arrow[b-g10x2pi0pn] {
    color: #6d7388;
}

.sponsor-card-clean.gold .sponsor-card-clean__more[b-g10x2pi0pn],
.sponsor-card-clean.gold .sponsor-card-clean__arrow[b-g10x2pi0pn] {
    color: #b08b2a;
}

.sponsor-card-clean.silver .sponsor-card-clean__more[b-g10x2pi0pn],
.sponsor-card-clean.silver .sponsor-card-clean__arrow[b-g10x2pi0pn] {
    color: #8c97aa;
}

.sponsor-card-clean.bronze .sponsor-card-clean__more[b-g10x2pi0pn],
.sponsor-card-clean.bronze .sponsor-card-clean__arrow[b-g10x2pi0pn] {
    color: #b7764f;
}

.sponsor-card-clean.platinum .sponsor-card-clean__divider[b-g10x2pi0pn] {
    background: linear-gradient(90deg, #6d7388, #b9c0cc);
}

.sponsor-card-clean.gold .sponsor-card-clean__divider[b-g10x2pi0pn] {
    background: linear-gradient(90deg, #b08b2a, #e0c56a);
}

.sponsor-card-clean.silver .sponsor-card-clean__divider[b-g10x2pi0pn] {
    background: linear-gradient(90deg, #8c97aa, #d5dae3);
}

.sponsor-card-clean.bronze .sponsor-card-clean__divider[b-g10x2pi0pn] {
    background: linear-gradient(90deg, #b7764f, #d9a07e);
}

.sponsor-card-clean.other .sponsor-card-clean__divider[b-g10x2pi0pn] {
    background: linear-gradient(90deg, #7b63d6, #aaa0db);
}

.sponsor-card-clean__footer[b-g10x2pi0pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 6px;
}

@media (max-width: 700px) {
    .sponsor-card-clean[b-g10x2pi0pn] {
        min-height: 280px;
        border-radius: 22px;
        padding: 16px 14px 14px;
    }

    .sponsor-card-clean__title[b-g10x2pi0pn] {
        font-size: 18px;
    }

    .sponsor-card-clean__contact[b-g10x2pi0pn] {
        font-size: 13px;
    }

    .sponsor-card-clean__logo[b-g10x2pi0pn] {
        max-width: 180px;
        max-height: 64px;
    }
}
/* /Components/Pages/Sponsors/Views/SponsorStoryBlock.razor.rz.scp.css */
.sponsor-story-block[b-610d3d7qn8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: center;
    padding: 22px 0;
}

    .sponsor-story-block + .sponsor-story-block[b-610d3d7qn8] {
        border-top: 1px solid rgba(0,0,0,0.06);
        margin-top: 22px;
        padding-top: 28px;
    }

    .sponsor-story-block.is-reverse .sponsor-story-block__text-card[b-610d3d7qn8] {
        order: 2;
    }

    .sponsor-story-block.is-reverse .sponsor-story-block__image-card[b-610d3d7qn8] {
        order: 1;
    }



.sponsor-story-block__image-card[b-610d3d7qn8] {
    border-radius: 28px;
    background: rgba(255,255,255,0.96);
    border: 1px solid rgba(138, 116, 201, 0.08);
    box-shadow: 0 18px 36px rgba(36, 30, 70, 0.06), 0 8px 14px rgba(36, 30, 70, 0.03);
}

.sponsor-story-block__text-card[b-610d3d7qn8] {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
}

.sponsor-story-block__number[b-610d3d7qn8] {
    font-size: 28px;
    font-weight: 800;
    color: #6d58c4;
    margin-bottom: 10px;
}

.sponsor-story-block__header[b-610d3d7qn8] {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 14px;
    color: #18181b;
}
.sponsor-story-block__text[b-610d3d7qn8] {
    font-size: 15px;
    line-height: 1.8;
    color: #5f6275;
}

.sponsor-story-block__image-card[b-610d3d7qn8] {
    border-radius: 20px;
    overflow: hidden;
    background: #f6f7fb;
}

.sponsor-story-block__image[b-610d3d7qn8] {
    width: 100%;
    height: 100%;
    min-height: 240px;
    object-fit: cover;
    display: block;
}

@media (max-width: 900px) {
    .sponsor-story-block[b-610d3d7qn8] {
        grid-template-columns: 1fr;
    }

        .sponsor-story-block.is-reverse .sponsor-story-block__text-card[b-610d3d7qn8],
        .sponsor-story-block.is-reverse .sponsor-story-block__image-card[b-610d3d7qn8] {
            order: initial;
        }

    .sponsor-story-block__header[b-610d3d7qn8] {
        font-size: 22px;
    }

    .sponsor-story-block__image-card[b-610d3d7qn8],
    .sponsor-story-block__image[b-610d3d7qn8] {
        min-height: 240px;
    }
}