/* /Components/Alert.razor.rz.scp.css */
.alert-message[b-ud1cni4h0f] {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1000;
padding: 0.9rem 1.4rem;
color: var(--color-text);
background-color: rgba(23, 28, 36, 0.92);
border: 1px solid var(--color-border-strong);
border-left: 3px solid var(--color-cta);
border-radius: var(--radius-control);
box-shadow: var(--shadow-card), 0 0 30px rgba(var(--rgb-cta), 0.12);
opacity: 0.95;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
animation: slidein-b-ud1cni4h0f 0.5s var(--ease-out) both, fadeout-b-ud1cni4h0f 2s ease 4s forwards;
}

@keyframes slidein-b-ud1cni4h0f {
from {
opacity: 0;
transform: translateY(16px);
}
to {
opacity: 0.95;
transform: none;
}
}

@keyframes fadeout-b-ud1cni4h0f {
from {
opacity: 0.95;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
/* /Components/Collapsible.razor.rz.scp.css */
.collapsible[b-j2cw3r73mj] {
width: 100%;
}

.collapsible-toggle[b-j2cw3r73mj] {
width: 100%;
padding: 0;
font-size: inherit;
color: var(--color-text);
text-align: left;
background: transparent;
border: none;
transition: color 0.2s ease;
cursor: pointer;

&:hover {
color: var(--color-primary-hover);
}

&:hover .collapsible-icon[b-j2cw3r73mj] {
color: var(--color-primary);
opacity: 1;
}
}

.collapsible-header[b-j2cw3r73mj] {
display: flex;
align-items: center;
gap: 0.65rem;
padding: 1rem 0 0.5rem;
}

.collapsible-header[b-j2cw3r73mj]  h2 {
margin: 0;
padding: 0;
}

.collapsible-icon[b-j2cw3r73mj] {
display: inline-flex;
flex-shrink: 0;
font-size: 0.85rem;
color: var(--color-text-muted);
opacity: 0.6;
transition: transform 0.35s var(--ease-out), color 0.2s ease, opacity 0.2s ease;
}

.collapsible-toggle[aria-expanded="true"] .collapsible-icon[b-j2cw3r73mj] {
transform: rotate(180deg);
}

.collapsible-content[b-j2cw3r73mj] {
overflow: hidden;
transition: height 0.35s var(--ease-out);
}

.collapsible-content[hidden][b-j2cw3r73mj] {
display: block;
height: 0;
}
/* /Components/InhouseOrder.razor.rz.scp.css */
form div:nth-of-type(1)[b-lhlcwqjbe0] { width:60%; }
form div:nth-of-type(2)[b-lhlcwqjbe0] { width:30%; }
form div:nth-of-type(3)[b-lhlcwqjbe0] { width:55%;}
form div:nth-of-type(4)[b-lhlcwqjbe0] { width:35%; }
form div:nth-of-type(5)[b-lhlcwqjbe0] { width:94%; }
form div:nth-of-type(6)[b-lhlcwqjbe0] { width:94%; }
form div:nth-of-type(7)[b-lhlcwqjbe0] { width:50%; }
form div:nth-of-type(8)[b-lhlcwqjbe0] { display: block; }

@media only screen and (max-width: 520px) {
    form div:nth-of-type(1)[b-lhlcwqjbe0] { width:100%; }
    form div:nth-of-type(2)[b-lhlcwqjbe0] { width:100%; }
    form div:nth-of-type(3)[b-lhlcwqjbe0] { width:100%; }
    form div:nth-of-type(4)[b-lhlcwqjbe0] { width:100%;}
    form div:nth-of-type(5)[b-lhlcwqjbe0] { width:100%; }
    form div:nth-of-type(6)[b-lhlcwqjbe0] { width:100%; }
    form div:nth-of-type(7)[b-lhlcwqjbe0] { width:100%; }
}
.training-agent-field[b-lhlcwqjbe0] {
width: 94%;

@media (max-width: 520px) {
width: 100%;[b-lhlcwqjbe0]
}
}

.training-agent-field[b-lhlcwqjbe0]  .validation-message {
margin-top: 0.4rem;
}
/* /Components/Loading.razor.rz.scp.css */
#pageloading[b-09kscru29e] {
display: none;
}

.loader-line[b-09kscru29e] {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
overflow: hidden;
width: 100%;
height: 3px;
background: rgba(var(--rgb-primary-deep), 0.25);
}

.loader-line[b-09kscru29e]::before {
content: "";
position: absolute;
left: -50%;
width: 40%;
height: 3px;
background: linear-gradient(90deg, var(--color-cta) 0%, var(--color-primary) 50%, var(--color-primary-strong) 100%);
box-shadow: 0 0 16px rgba(var(--rgb-cta), 0.7);
animation: lineAnim-b-09kscru29e 1.6s var(--ease-out) infinite;
}

@keyframes lineAnim-b-09kscru29e {
0% {
left: -40%;
}
50% {
left: 20%;
width: 80%;
}
100% {
left: 100%;
width: 100%;
}
}
/* /Components/Me.razor.rz.scp.css */
.achievement-link[b-eokrwk97os] {
    display: inline-flex;
    align-items: center;
    color: inherit;
    opacity: 0.1;
    text-decoration: none;
    background: none;
    transition: opacity 0.2s ease;
}

.achievement-link:hover[b-eokrwk97os] {
    opacity: 0.8;
}

/* /Components/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-e6y2z7yq9g],
.components-reconnect-repeated-attempt-visible[b-e6y2z7yq9g],
.components-reconnect-failed-visible[b-e6y2z7yq9g],
.components-pause-visible[b-e6y2z7yq9g],
.components-resume-failed-visible[b-e6y2z7yq9g],
.components-rejoining-animation[b-e6y2z7yq9g] {
    display: none;
}

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


#components-reconnect-modal[b-e6y2z7yq9g] {
    background: var(--color-field-bg-focus);
    color: var(--color-text);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-e6y2z7yq9g 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-e6y2z7yq9g] {
    border: 0;
    background-color: var(--color-cta);
    color: var(--color-cta-text);
    padding: 0.5rem 1.5rem;
    border-radius: var(--radius-small);
}

    #components-reconnect-modal button:hover[b-e6y2z7yq9g] {
        background-color: var(--color-cta-hover);
    }

    #components-reconnect-modal button:active[b-e6y2z7yq9g] {
        background-color: var(--color-cta);
    }

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

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

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

@keyframes components-rejoining-animation-b-e6y2z7yq9g {
    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/SubNav.razor.rz.scp.css */
.subnav[b-fzda9pt1v8] {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
width: fit-content;
max-width: 100%;
margin: 0;
padding: 0.3rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
}

.subnav[b-fzda9pt1v8]  a {
padding: 0.4rem 0.9rem;
font-family: var(--font-mono);
font-size: 0.78rem;
font-weight: 500;
color: var(--color-text-muted);
text-decoration: none;
letter-spacing: 0.01em;
background: transparent;
border: 1px solid transparent;
border-radius: 9px;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}

.subnav[b-fzda9pt1v8]  a:hover {
color: var(--color-text);
background: var(--color-surface-hover);
}

.subnav[b-fzda9pt1v8]  a.active {
color: var(--color-cta);
background: rgba(var(--rgb-cta), 0.08);
border-color: rgba(var(--rgb-cta), 0.3);
}

@media (max-width: 768px) {
.subnav[b-fzda9pt1v8] {
width: auto;
}

.subnav[b-fzda9pt1v8]  a {
padding: 0.35rem 0.7rem;
font-size: 0.74rem;
}
}
/* /Components/Tab.razor.rz.scp.css */
.tabs-button[b-c9e0ia8ypt] {
flex-shrink: 0;
order: -1;
margin-bottom: -1px;
padding: 0.65rem 1.2rem;
font-family: var(--font-display);
font-size: 1rem;
font-weight: 600;
color: var(--color-text-muted);
letter-spacing: -0.01em;
background: transparent;
border: none;
border-bottom: 2px solid transparent;
border-radius: 10px 10px 0 0;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
cursor: pointer;

&:hover {
color: var(--color-text);
background: var(--color-surface);
}

&.active[b-c9e0ia8ypt] {
color: var(--color-cta);
background: linear-gradient(180deg, transparent 0%, rgba(var(--rgb-cta), 0.08) 100%);
border-bottom-color: var(--color-cta);
}

@media (max-width: 768px) {
padding: 0.5rem 0.8rem;
font-size: 0.9rem;[b-c9e0ia8ypt]
}
}

.tabs-content[b-c9e0ia8ypt] {
flex-basis: 100%;
order: 1;
min-height: 200px;
}
/* /Components/Tabs.razor.rz.scp.css */
.tabs[b-uqhs05vulk] {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0 0.35rem;
margin: 3rem 0;
}

.tabs-buttons-line[b-uqhs05vulk] {
flex-basis: 100%;
order: 0;
border-top: 1px solid var(--color-border);
}
/* /Components/TalkThumbnail.razor.rz.scp.css */
.talk-thumbnail[b-vl8e0z57e6] {
display: block;
position: relative;
box-sizing: border-box;
overflow: hidden;
width: 100%;
aspect-ratio: 16/9;
padding: 1rem;
background:
linear-gradient(128deg, rgba(var(--rgb-cta), 0.12) 0, rgba(var(--rgb-cta), 0) 28%),
linear-gradient(220deg, rgba(40, 89, 123, 0.28) 0, rgba(40, 89, 123, 0) 44%),
linear-gradient(145deg, #111820 0%, #17232B 46%, #303130 100%);
border-radius: 8px;
box-shadow: inset 0 0 54px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(245, 241, 234, 0.04);

@media (max-width: 768px) {
padding: 0.85rem;[b-vl8e0z57e6]
}
}

.talk-thumbnail[b-vl8e0z57e6]::before {
content: '';
position: absolute;
top: 0;
left: -72%;
z-index: 0;
width: 58%;
height: 100%;
background: linear-gradient(104deg, transparent 0%, rgba(var(--rgb-cta), 0.08) 42%, rgba(var(--rgb-primary), 0.1) 50%, transparent 66%);
opacity: 0.58;
transform: skewX(-16deg);
animation: thumbnail-scan-b-vl8e0z57e6 8s ease-in-out infinite;
}

.talk-thumbnail[b-vl8e0z57e6]::after {
content: '';
position: absolute;
right: -12%;
bottom: -16%;
z-index: 0;
width: 88%;
height: 86%;
background:
radial-gradient(circle at 52% 42%, rgba(40, 89, 123, 0.28) 0, rgba(40, 89, 123, 0) 48%),
radial-gradient(circle at 76% 72%, rgba(var(--rgb-primary), 0.12) 0, rgba(var(--rgb-primary), 0) 42%);
opacity: 0.68;
transform: rotate(-4deg);
animation: thumbnail-panel-drift-b-vl8e0z57e6 18s ease-in-out infinite alternate;
}

.tech-grid[b-vl8e0z57e6] {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background:
linear-gradient(rgba(245, 241, 234, 0.032) 1px, transparent 1px),
linear-gradient(90deg, rgba(245, 241, 234, 0.032) 1px, transparent 1px),
linear-gradient(135deg, transparent 0 68%, rgba(var(--rgb-primary), 0.08) 68% 69%, transparent 69% 100%);
background-size: 22px 22px, 22px 22px, 100% 100%;
mask-image: linear-gradient(145deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.9) 52%, transparent 94%);
opacity: 0.92;
animation: thumbnail-grid-drift-b-vl8e0z57e6 22s linear infinite;
}

.tech-cluster[b-vl8e0z57e6] {
position: absolute;
right: 0.7rem;
bottom: 0.62rem;
z-index: 1;
width: 54%;
height: 52%;
background:
radial-gradient(circle at 12% 26%, rgba(var(--rgb-cta), 0.56) 0 2px, transparent 3px),
radial-gradient(circle at 34% 58%, rgba(var(--rgb-primary), 0.42) 0 2px, transparent 3px),
radial-gradient(circle at 62% 28%, rgba(217, 208, 196, 0.36) 0 2px, transparent 3px),
radial-gradient(circle at 82% 72%, rgba(40, 89, 123, 0.64) 0 2px, transparent 3px),
linear-gradient(135deg, rgba(245, 241, 234, 0.07), rgba(245, 241, 234, 0) 42%),
linear-gradient(160deg, rgba(40, 89, 123, 0.18), rgba(18, 24, 32, 0.02));
border-radius: 8px;
opacity: 0.72;
filter: drop-shadow(0 0 14px rgba(var(--rgb-cta), 0.08));
animation: thumbnail-cluster-pulse-b-vl8e0z57e6 6.4s ease-in-out infinite;
}

.tech-cluster[b-vl8e0z57e6]::before {
content: '';
position: absolute;
right: 11%;
bottom: 14%;
width: 58%;
height: 46%;
background:
linear-gradient(90deg, rgba(245, 241, 234, 0.08), rgba(245, 241, 234, 0.02)),
linear-gradient(180deg, rgba(var(--rgb-primary), 0.12), rgba(var(--rgb-primary), 0.02));
border-radius: 6px;
box-shadow:
-2.7rem -1.1rem 0 -0.72rem rgba(var(--rgb-cta), 0.2),
-1.15rem -0.55rem 0 -0.62rem rgba(var(--rgb-primary), 0.17),
0.85rem -1.3rem 0 -0.7rem rgba(217, 208, 196, 0.12),
-0.35rem 1rem 0 -0.62rem rgba(40, 89, 123, 0.24);
opacity: 0.78;
}

.tech-cluster[b-vl8e0z57e6]::after {
content: '';
position: absolute;
right: 4%;
bottom: 8%;
width: 4.2rem;
height: 4.2rem;
background:
radial-gradient(circle at 50% 50%, rgba(var(--rgb-cta), 0.18) 0 2px, transparent 3px),
radial-gradient(circle at 50% 50%, transparent 0 48%, rgba(var(--rgb-primary), 0.16) 49% 50%, transparent 51% 100%);
border-radius: 50%;
opacity: 0.68;
}

.type-label[b-vl8e0z57e6] {
position: absolute;
right: 1rem;
bottom: 0.95rem;
z-index: 2;
padding: 0.38rem 0.48rem;
font-family: "Inter", sans-serif;
font-size: 0.72rem;
font-weight: 600;
line-height: 1;
color: var(--color-text-secondary);
text-transform: uppercase;
letter-spacing: 0;
background: rgba(18, 24, 32, 0.42);
border-radius: 6px;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);

@media (max-width: 768px) {
right: 0.85rem;
bottom: 0.8rem;
font-size: 0.68rem;[b-vl8e0z57e6]
}
}

.calendar-card[b-vl8e0z57e6] {
display: grid;
position: absolute;
top: 0.85rem;
left: 0.85rem;
z-index: 3;
box-sizing: border-box;
min-width: 4.6rem;
padding: 0.55rem 0.62rem 0.5rem;
font-family: "Inter", sans-serif;
text-align: center;
color: var(--color-text);
background: linear-gradient(160deg, rgba(24, 32, 39, 0.94), rgba(30, 42, 50, 0.78));
border-radius: 7px;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22), 0 0 28px rgba(var(--rgb-cta), 0.08), inset 0 1px 0 rgba(245, 241, 234, 0.06);
animation: thumbnail-date-glow-b-vl8e0z57e6 6s ease-in-out infinite;

@media (max-width: 768px) {
top: 0.75rem;
left: 0.75rem;
min-width: 4.2rem;
padding: 0.48rem 0.52rem 0.46rem;[b-vl8e0z57e6]
}
}

.calendar-month[b-vl8e0z57e6] {
font-size: 0.62rem;
font-weight: 700;
line-height: 1.1;
color: var(--color-primary);
text-transform: uppercase;
letter-spacing: 0;
}

.calendar-day[b-vl8e0z57e6] {
font-family: "Space Grotesk", sans-serif;
font-size: 2rem;
font-weight: 600;
line-height: 1;
color: var(--color-cta);
letter-spacing: 0;

@media (max-width: 768px) {
font-size: 1.75rem;[b-vl8e0z57e6]
}
}

.calendar-time[b-vl8e0z57e6] {
font-size: 0.72rem;
font-weight: 500;
line-height: 1.1;
color: var(--color-text-secondary);
letter-spacing: 0;
}

@keyframes thumbnail-scan-b-vl8e0z57e6 {
0%, 42% {
transform: translateX(0) skewX(-16deg);
opacity: 0;
}

52% {
opacity: 0.78;
}

72%, 100% {
transform: translateX(315%) skewX(-16deg);
opacity: 0;
}
}

@keyframes thumbnail-grid-drift-b-vl8e0z57e6 {
0% {
background-position: 0 0, 0 0, 0 0;
}

100% {
background-position: 44px 22px, 22px 44px, 0 0;
}
}

@keyframes thumbnail-panel-drift-b-vl8e0z57e6 {
0% {
transform: translate3d(0, 0, 0) rotate(-4deg);
opacity: 0.52;
}

100% {
transform: translate3d(-0.45rem, -0.25rem, 0) rotate(-4deg);
opacity: 0.68;
}
}

@keyframes thumbnail-cluster-pulse-b-vl8e0z57e6 {
0%, 100% {
opacity: 0.58;
filter: drop-shadow(0 0 8px rgba(var(--rgb-primary), 0.06));
}

48% {
opacity: 0.86;
filter: drop-shadow(0 0 16px rgba(var(--rgb-cta), 0.12));
}
}

@keyframes thumbnail-date-glow-b-vl8e0z57e6 {
0%, 100% {
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22), 0 0 22px rgba(var(--rgb-cta), 0.06), inset 0 1px 0 rgba(245, 241, 234, 0.06);
}

50% {
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22), 0 0 34px rgba(var(--rgb-cta), 0.13), inset 0 1px 0 rgba(245, 241, 234, 0.07);
}
}

@media (prefers-reduced-motion: reduce) {
.talk-thumbnail[b-vl8e0z57e6]::before,
.talk-thumbnail[b-vl8e0z57e6]::after,
.tech-grid[b-vl8e0z57e6],
.tech-cluster[b-vl8e0z57e6],
.calendar-card[b-vl8e0z57e6] {
animation: none;
}
}
/* /Pages/About.razor.rz.scp.css */
section.hero div[b-nsrh0zuqqa] {
    margin-bottom: 0;
}

.achievement-link[b-nsrh0zuqqa] {
    display: inline-flex;
    align-items: center;
    color: inherit;
    opacity: 0.1;
    text-decoration: none;
    background: none;
    transition: opacity 0.2s ease;
}

.achievement-link:hover[b-nsrh0zuqqa] {
    opacity: 0.8;
}
/* /Pages/Admin/Articles/Edit.razor.rz.scp.css */
.article-form-grid[b-t137m6p11n] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}

.article-editor .admin-form-group small[b-t137m6p11n] {
display: block;
margin-top: 0.35rem;
color: var(--color-text-muted);
font-size: 0.75rem;
}

[b-t137m6p11n] .article-markdown-input {
min-height: 28rem;
font-family: "JetBrains Mono", monospace;
font-size: 0.85rem;
line-height: 1.55;
}

.article-editor-preview[b-t137m6p11n] {
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(232, 217, 201, 0.12);
}

.article-editor-preview h3[b-t137m6p11n] {
margin: 0;
font-size: 1.2rem;
}

.article-preview-note[b-t137m6p11n] {
margin: 0.5rem 0 1rem;
color: var(--color-text-muted);
font-size: 0.8rem;
}

[b-t137m6p11n] .article-preview-content {
padding: 1.5rem;
background: rgba(248, 239, 229, 0.06);
border: 1px solid rgba(232, 217, 201, 0.12);
border-radius: 10px;
}

[b-t137m6p11n] .article-preview-content img {
max-width: 100%;
height: auto;
border-radius: 10px;
}

[b-t137m6p11n] .article-preview-content h1,
[b-t137m6p11n] .article-preview-content h2,
[b-t137m6p11n] .article-preview-content h3,
[b-t137m6p11n] .article-preview-content h4 {
margin-top: 1.5rem;
margin-bottom: 0.75rem;
color: var(--color-text);
}

[b-t137m6p11n] .article-preview-content h1:first-child,
[b-t137m6p11n] .article-preview-content h2:first-child,
[b-t137m6p11n] .article-preview-content h3:first-child,
[b-t137m6p11n] .article-preview-content h4:first-child {
margin-top: 0;
}

[b-t137m6p11n] .article-preview-content p,
[b-t137m6p11n] .article-preview-content ul,
[b-t137m6p11n] .article-preview-content ol {
margin: 0 0 1rem;
}

[b-t137m6p11n] .article-preview-content a {
color: #E3A07E;
}

@media (max-width: 768px) {
.article-form-grid[b-t137m6p11n] {
grid-template-columns: 1fr;
gap: 0;
}
}
/* /Pages/Admin/Articles/Index.razor.rz.scp.css */
.article-list .article-title[b-msxp1tf0u6] {
min-width: 14rem;
}

.article-list .article-slug[b-msxp1tf0u6] {
color: var(--color-text-secondary);
font-family: "JetBrains Mono", monospace;
font-size: 0.8rem;
}

.article-list .article-date[b-msxp1tf0u6], .article-list .actions-cell[b-msxp1tf0u6] {
white-space: nowrap;
}

@media (max-width: 950px) {
.article-list .article-date[b-msxp1tf0u6] {
font-size: 0.75rem;
}
}
/* /Pages/Admin/Companies/CompanySearch.razor.rz.scp.css */
.company-search-section[b-qfpcacytyr] {
    margin-top: 1.5rem;
}

.company-search-section h2[b-qfpcacytyr] {
    margin-top: 0;
}

.search-input[b-qfpcacytyr] {
    max-width: 400px;
    margin-bottom: 1rem;
}

.actions-cell[b-qfpcacytyr] {
    text-align: right;
}

.empty-state[b-qfpcacytyr] {
    color: #999999;
    padding: 1rem 0;
    font-size: 0.875rem;
}
/* /Pages/Admin/Companies/Edit.razor.rz.scp.css */
/* Keep ::deep rules and media queries top-level for Blazor CSS isolation. */
.company-detail[b-0jk9th0rcf] {
min-width: 0;
}

.header-actions[b-0jk9th0rcf] {
gap: 1rem;
min-height: 2.5rem;

h2 {
overflow-wrap: anywhere;
}

}

.company-detail [hidden][b-0jk9th0rcf] {
display: none;
}

.tab-nav[b-0jk9th0rcf] {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
width: fit-content;
max-width: 100%;
margin: 0 auto 1.5rem 0;
padding: 0.375rem;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 12px;

}

.tab-btn[b-0jk9th0rcf] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.625rem 1rem;
font-family: inherit;
font-size: 0.8rem;
font-weight: 500;
line-height: 1.5;
color: #E0E7FF;
background: transparent;
border: 0;
border-radius: 8px;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;

&:hover {
color: #F1F5F9;
background: rgba(255, 255, 255, 0.08);
}

&:focus-visible[b-0jk9th0rcf] {
outline: 2px solid #A78BFA;
outline-offset: 2px;
}
}

.tab-btn-active[b-0jk9th0rcf] {
font-weight: 600;
color: #FFFFFF;
background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);

&:hover {
color: #FFFFFF;
background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
}

.tab-badge[b-0jk9th0rcf] {
background: rgba(255, 255, 255, 0.2);
}
}

.tab-badge[b-0jk9th0rcf] {
padding: 0.125rem 0.375rem;
font-size: 0.7rem;
line-height: 1.3;
background: rgba(255, 255, 255, 0.08);
border-radius: 6px;
}

.edit-grid[b-0jk9th0rcf] {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
align-items: stretch;
gap: 1.5rem;

}

.edit-column[b-0jk9th0rcf] {
display: grid;
gap: 1.5rem;
min-width: 0;
}

.edit-section[b-0jk9th0rcf] {
min-width: 0;
padding: 1.25rem;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;

.admin-form-group:last-child {
margin-bottom: 0;
}

}

.edit-section[b-0jk9th0rcf]  .admin-form-input {
padding: 0.75rem 1rem;
}

.section-title-row[b-0jk9th0rcf] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);

h3 {
margin: 0;
font-size: 0.85rem;
font-weight: 600;
color: #A78BFA;
letter-spacing: 0.05em;
text-transform: uppercase;
}
}

.grid-two-columns[b-0jk9th0rcf] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;

}

.reminder-section[b-0jk9th0rcf] {
border-top: 2px solid #A78BFA;
}

.reminder-delete-button[b-0jk9th0rcf] {
flex-shrink: 0;
width: 2rem;
height: 2rem;
margin-right: 0;
padding: 0;
}

.reminder-section[b-0jk9th0rcf]  .reminder-text {
min-height: 150px;
resize: vertical;
}

.company-history-editor[b-0jk9th0rcf] {
grid-column: 1 / -1;
min-width: 0;
}

.company-history-editor[b-0jk9th0rcf]  .rz-html-editor {
height: 300px;
}

.company-history-editor[b-0jk9th0rcf]  .rz-html-editor-content {
padding: 0.5rem;
font-size: 0.8rem;
line-height: 1.5;
color: #F1F5F9;
background: rgba(255, 255, 255, 0.04);
}

.history-stream[b-0jk9th0rcf] {
--history-gutter: 1.5rem;
display: grid;
gap: 1.5rem;
padding-left: var(--history-gutter);
border-left: 1px solid rgba(167, 139, 250, 0.25);

}

.history-entry[b-0jk9th0rcf] {
position: relative;
min-width: 0;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;

&::before {
position: absolute;
top: 1.5rem;
/* Entry border plus half of the timeline border. */
left: calc(-1 * var(--history-gutter) - 1.5px);
box-sizing: border-box;
width: 11px;
height: 11px;
background: #A78BFA;
border: 2px solid #302D40;
border-radius: 50%;
transform: translate(-50%, -50%);
content: "";
}

}

.history-entry-deleted[b-0jk9th0rcf] {
border-color: rgba(248, 113, 113, 0.2);

&::before {
background: #F87171;
}
}

.history-header[b-0jk9th0rcf] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0.75rem 1.25rem;
background: rgba(255, 255, 255, 0.025);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px 12px 0 0;

}

.history-contract-link[b-0jk9th0rcf] {
display: flex;
align-items: center;
flex: 1;
gap: 0.75rem;
min-width: 0;
color: #E0E7FF;
border: 0;
transition: color 0.2s ease;

h3 {
min-width: 0;
margin: 0;
font-size: 0.9rem;
line-height: 1.5;
color: inherit;
overflow-wrap: anywhere;
}

&:hover[b-0jk9th0rcf] {
color: #A78BFA;
}

&:focus-visible[b-0jk9th0rcf] {
outline: 2px solid #A78BFA;
outline-offset: 4px;
}

time[b-0jk9th0rcf] {
flex-shrink: 0;
font-size: 0.75rem;
color: #CBD5E1;
white-space: nowrap;
}
}

.history-content[b-0jk9th0rcf] {
overflow-x: auto;
padding: 1.25rem;
font-size: 0.85rem;
line-height: 1.7;
color: #E2E8F0;
overflow-wrap: anywhere;
}

/* Override legacy inline colors only in the rendered history. */
.history-content[b-0jk9th0rcf]  * {
color: inherit !important;
}

.history-content[b-0jk9th0rcf]  p {
margin: 0;
}

.history-content[b-0jk9th0rcf]  :last-child {
margin-bottom: 0;
}

.history-content[b-0jk9th0rcf]  a {
color: #A78BFA !important;
}

.history-content[b-0jk9th0rcf]  a:hover {
color: #C4B5FD !important;
}

.history-content[b-0jk9th0rcf]  img {
max-width: 100%;
height: auto;
}

.history-empty[b-0jk9th0rcf] {
margin: 0;
padding: 1.25rem;
font-size: 0.8rem;
color: #94A3B8;
}

.deleted-badge[b-0jk9th0rcf] {
display: inline-flex;
align-items: center;
margin-left: 0.5rem;
padding: 0.2rem 0.5rem;
font-size: 0.65rem;
font-weight: 600;
line-height: 1.3;
color: #FCA5A5;
white-space: nowrap;
background: rgba(248, 113, 113, 0.1);
border: 1px solid rgba(248, 113, 113, 0.2);
border-radius: 6px;
}

.history-header .deleted-badge[b-0jk9th0rcf] {
flex-shrink: 0;
margin-left: 0;
}

.table-container[b-0jk9th0rcf] {
overflow-x: auto;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
}

.contracts-table[b-0jk9th0rcf], .invoices-table[b-0jk9th0rcf] {
min-width: 480px;

th, td {
padding: 1rem;
}

tr:last-child td[b-0jk9th0rcf] {
border-bottom: 0;
}
}

.contracts-table a[b-0jk9th0rcf] {
border-bottom: 0;
}

.row-deleted[b-0jk9th0rcf] {
background: rgba(248, 113, 113, 0.03);

a {
color: #CBD5E1;
text-decoration: line-through;
}
}

.date-cell[b-0jk9th0rcf] {
width: 140px;
white-space: nowrap;
}

.admin-table .amount-cell[b-0jk9th0rcf] {
width: 160px;
text-align: right;
white-space: nowrap;
}

.empty-state[b-0jk9th0rcf] {
padding: 3rem 1.5rem;
text-align: center;
background: rgba(255, 255, 255, 0.025);
border: 1px dashed rgba(255, 255, 255, 0.12);
border-radius: 12px;

h3 {
margin: 0 0 0.5rem;
font-size: 1rem;
}

p[b-0jk9th0rcf] {
margin: 0;
font-size: 0.85rem;
color: #94A3B8;
}
}

.empty-state[b-0jk9th0rcf]  > i {
margin-bottom: 1rem;
font-size: 1.5rem;
color: #A78BFA;
}

@media (max-width: 950px) {
.edit-grid[b-0jk9th0rcf] {
grid-template-columns: minmax(0, 1fr);
}
}

@media (max-width: 768px) {
.grid-two-columns[b-0jk9th0rcf] {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}

}

@media (max-width: 520px) {
.header-actions[b-0jk9th0rcf] {
align-items: flex-start;
flex-direction: column;
}

.tab-nav[b-0jk9th0rcf] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
box-sizing: border-box;
width: 100%;
}

.edit-section[b-0jk9th0rcf], .history-content[b-0jk9th0rcf] {
padding: 1rem;
}

.history-stream[b-0jk9th0rcf] {
--history-gutter: 0.875rem;
gap: 1rem;
}

.history-header[b-0jk9th0rcf] {
padding: 0.75rem 1rem;
}

.history-entry[b-0jk9th0rcf]::before {
width: 9px;
height: 9px;
}
}
/* /Pages/Admin/Companies/Index.razor.rz.scp.css */
.board-grid[b-ydfq2l73tn] {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.75rem;

@media (max-width: 950px) {
grid-template-columns: repeat(2, minmax(0, 1fr));[b-ydfq2l73tn]
}

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-ydfq2l73tn]
}
}

.company-card[b-ydfq2l73tn] {
display: flex;
overflow: hidden;
flex-direction: column;
background: rgba(248, 239, 229, 0.06);
border: 1px solid rgba(232, 217, 201, 0.12);
border-radius: 12px;
transition: box-shadow 0.2s ease;

&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
}

.company-card-overdue[b-ydfq2l73tn] {
border-color: rgba(229, 101, 86, 0.4);
}

.company-card-header[b-ydfq2l73tn] {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5rem;
padding: 0.625rem 0.75rem;
background: rgba(248, 239, 229, 0.04);
border-bottom: 1px solid rgba(232, 217, 201, 0.12);
}

.company-name[b-ydfq2l73tn] {
font-size: 0.8rem;
font-weight: 700;
color: #F5F1EA;
text-decoration: none;
overflow-wrap: anywhere;
border-bottom: none;
transition: color 0.2s ease;

&:hover {
color: #F0B091;
}
}

.company-card-body[b-ydfq2l73tn] {
flex: 1;
padding: 0.75rem;
}

.reminder-date[b-ydfq2l73tn] {
font-size: 0.8rem;
font-weight: 600;
color: #D9D0C4;
}

.reminder-overdue[b-ydfq2l73tn] {
color: #E56556;
}

.company-card-body .reminder-text[b-ydfq2l73tn] {
margin: 0.5rem 0 0;
font-size: 0.8rem;
line-height: 1.5;
color: #F5F1EA;
white-space: pre-wrap;
overflow-wrap: anywhere;
}

.company-card-footer[b-ydfq2l73tn] {
padding: 0.375rem 0.75rem;
border-top: 1px solid rgba(232, 217, 201, 0.12);
}

.contract-link[b-ydfq2l73tn] {
font-size: 0.8rem;
color: #E3A07E;
text-decoration: none;
transition: color 0.2s ease;

&:hover {
color: #F0B091;
}
}

.filter-bar[b-ydfq2l73tn] {
margin-bottom: 1.5rem;
}

.search-input[b-ydfq2l73tn] {
width: 420px;
max-width: 100%;
}

.stats-summary[b-ydfq2l73tn] {
margin-bottom: 1rem;
font-size: 0.875rem;
color: #AEA293;
}

.stats-summary strong[b-ydfq2l73tn] {
color: #F5F1EA;
}

.actions-cell[b-ydfq2l73tn] {
text-align: right;
}
/* /Pages/Admin/Contracts/ContractStats.razor.rz.scp.css */
.stats-section[b-xrsi3k0nvh] {
    margin-top: 1.5rem;
}

/* Zvýraznění měsíce přes grafy */
.bar-group.month-highlighted[b-xrsi3k0nvh] {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    outline: 1px solid rgba(255, 255, 255, 0.12);
}

.bar-group.month-highlighted .bar-label[b-xrsi3k0nvh] {
    color: #ffffff;
}

/* Legenda / barvy */
.legend-dohoda[b-xrsi3k0nvh] { color: #a78bfa; }
.legend-plneni[b-xrsi3k0nvh]  { color: #60a5fa; }
.legend-platba[b-xrsi3k0nvh]  { color: #34d399; }
.legend-vytvorena[b-xrsi3k0nvh] { color: #fb923c; }

/* Řádky po rocích */
.year-row[b-xrsi3k0nvh] {
    margin-bottom: 1.5rem;
}

.year-row:last-child[b-xrsi3k0nvh] {
    margin-bottom: 0;
}

.year-label[b-xrsi3k0nvh] {
    margin-top: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: #999999;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

/* 4 grafy vedle sebe */
.charts-grid[b-xrsi3k0nvh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}

.chart-panel[b-xrsi3k0nvh] {
    min-width: 0;
}

.chart-title[b-xrsi3k0nvh] {
    margin-top: 0;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    letter-spacing: 0.02em;
}

/* Graf */
.bar-chart[b-xrsi3k0nvh] {
    display: flex;
    gap: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow-x: auto;
    padding-bottom: 0;
    align-items: flex-end;
}

.bar-group[b-xrsi3k0nvh] {
    flex: 1;
    min-width: 14px;
    display: flex;
    flex-direction: column;
}

.bars[b-xrsi3k0nvh] {
    height: 160px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
}

.bar[b-xrsi3k0nvh] {
    width: 100%;
    min-height: 2px;
    border-radius: 2px 2px 0 0;
    position: relative;
    cursor: default;
    transition: opacity 0.15s;
}

.bar:hover[b-xrsi3k0nvh] {
    opacity: 0.8;
}

.bar-dohoda[b-xrsi3k0nvh] { background: #a78bfa; }
.bar-plneni[b-xrsi3k0nvh]  { background: #60a5fa; }
.bar-platba[b-xrsi3k0nvh]  { background: #34d399; }
.bar-vytvorena[b-xrsi3k0nvh] { background: #fb923c; }

.bar-value[b-xrsi3k0nvh] {
    position: absolute;
    top: -1.1rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.6rem;
    color: #cccccc;
    white-space: nowrap;
    pointer-events: none;
}

.bar-label[b-xrsi3k0nvh] {
    padding-top: 0.3rem;
    font-size: 0.65rem;
    color: #999999;
    text-align: center;
    white-space: nowrap;
}
/* /Pages/Admin/Contracts/Edit.razor.rz.scp.css */
[b-tae07yy0yl] .header-actions {
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(10px);
    margin: -1.5rem -1.5rem 1.5rem -1.5rem;
    padding: 1rem 1.5rem;
    border-radius: 10px 10px 0 0;
}

.tab-nav[b-tae07yy0yl] {
    display: flex;
    width: fit-content;
    gap: 0.25rem;
    padding: 0.375rem;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    margin-left: 0;
    margin-right: auto;
}

.tab-btn[b-tae07yy0yl] {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 0.5rem;
    border: none;
    background: transparent;
    color: #e0e7ff;
    cursor: pointer;
    transition: all 0.2s;
}

.tab-btn:hover[b-tae07yy0yl] {
    color: #CCCCCC;
    background: rgba(255, 255, 255, 0.08);
}

.tab-btn-active[b-tae07yy0yl] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #FFFFFF;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}

.tab-btn-active:hover[b-tae07yy0yl] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #FFFFFF;
}

.tab-hidden[b-tae07yy0yl] {
    display: none;
}

.edit-section[b-tae07yy0yl] {
    margin-bottom: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.edit-section h3[b-tae07yy0yl] {
    margin-top: 0;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #a78bfa;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.grid-two-columns[b-tae07yy0yl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.grid-four-columns[b-tae07yy0yl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.grid-five-columns[b-tae07yy0yl] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.grid-six-columns[b-tae07yy0yl] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

.grid-popis[b-tae07yy0yl] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
}

.dotaznik-grid[b-tae07yy0yl] {
    display: grid;
    grid-template-columns: 5fr 4fr;
    gap: 1rem;
    align-items: start;
}

.dotaznik-col-right .admin-form-group:last-child[b-tae07yy0yl] {
    margin-bottom: 0;
}

.admin-form-group--next[b-tae07yy0yl]  input,
.admin-form-group--next[b-tae07yy0yl]  select {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.3);
}

.admin-form-group--invoice[b-tae07yy0yl]  input,
.admin-form-group--invoice[b-tae07yy0yl]  select {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

.fa-star[b-tae07yy0yl] {
    color:#fff;
}

.nomargin[b-tae07yy0yl] {
    margin-bottom: 0;
}

[b-tae07yy0yl] .ql-container {
    height: 150px;
}

.grid-popis[b-tae07yy0yl]  .ql-container {
    height: 222px;
}

.dotaznik-empty[b-tae07yy0yl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem 1rem;
    color: #999999;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
}

.dotaznik-empty i[b-tae07yy0yl] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.dotaznik-empty p[b-tae07yy0yl] {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.8rem;
}

.dotaznik-response[b-tae07yy0yl] {
    margin-bottom: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.dotaznik-header[b-tae07yy0yl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.dotaznik-person[b-tae07yy0yl] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.dotaznik-person strong[b-tae07yy0yl] {
    color: #ffffff;
    font-size: 0.875rem;
}

.dotaznik-person span[b-tae07yy0yl] {
    color: #999999;
    font-size: 0.75rem;
}

.dotaznik-date[b-tae07yy0yl] {
    color: #999999;
    font-size: 0.75rem;
}

.dotaznik-answers[b-tae07yy0yl] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dotaznik-field label[b-tae07yy0yl] {
    display: block;
    margin-top: 0;
    margin-bottom: 0.25rem;
    color: #a78bfa;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dotaznik-field p[b-tae07yy0yl] {
    margin-top: 0;
    margin-bottom: 0;
    color: #cccccc;
    font-size: 0.8rem;
    line-height: 1.4;
}

.checkbox-row[b-tae07yy0yl] {
    display: flex;
    gap: 2rem;
    margin-top: 0.5rem;
}

.checkbox-group[b-tae07yy0yl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.checkbox-group input[type="checkbox"][b-tae07yy0yl] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #667eea;
}

.checkbox-group label[b-tae07yy0yl] {
    margin-top: 0;
    color: #e0e7ff;
    font-weight: 500;
    font-size: 0.8rem;
}

@media (max-width: 1024px) {
    .grid-six-columns[b-tae07yy0yl] {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-five-columns[b-tae07yy0yl] {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-four-columns[b-tae07yy0yl] {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-popis[b-tae07yy0yl] {
        grid-template-columns: 1fr;
    }
}

/* Tab badges & indicators */
.tab-indicator[b-tae07yy0yl] {
    font-size: 0.55rem;
    margin-left: 0.3rem;
    color: #a78bfa;
    vertical-align: middle;
    opacity: 0.9;
}

.tab-btn-active .tab-indicator[b-tae07yy0yl] {
    color: rgba(255, 255, 255, 0.85);
}

.tab-badge[b-tae07yy0yl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.35rem;
    margin-left: 0.3rem;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.15);
    color: #e0e7ff;
    line-height: 1;
}

.tab-btn-active .tab-badge[b-tae07yy0yl] {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* Hodnocení tab */
.date-cell[b-tae07yy0yl] {
    white-space: nowrap;
}

.actions-cell[b-tae07yy0yl] {
    white-space: nowrap;
}

.score-badge[b-tae07yy0yl] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.85rem;
}

.score-high[b-tae07yy0yl] {
    background: rgba(0, 201, 81, 0.15);
    color: #00c951;
}

.score-mid[b-tae07yy0yl] {
    background: rgba(246, 195, 67, 0.15);
    color: #F6C343;
}

.score-low[b-tae07yy0yl] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

.fakturace-section[b-tae07yy0yl] {
    margin-top: 1.5rem;
}

.fakturace-value[b-tae07yy0yl] {
    display: block;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 0.5rem 0;
}

.invoice-loader[b-tae07yy0yl] {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.invoice-empty[b-tae07yy0yl] {
    color: #999999;
    font-size: 0.8rem;
}

.invoice-list[b-tae07yy0yl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.invoice-item[b-tae07yy0yl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    flex-wrap: wrap;
}

.invoice-number[b-tae07yy0yl] {
    font-weight: 600;
    color: #ffffff;
    font-size: 0.8rem;
    min-width: 7rem;
}

.invoice-subject[b-tae07yy0yl] {
    color: #cccccc;
    font-size: 0.8rem;
    flex: 1;
}

.invoice-date[b-tae07yy0yl] {
    color: #999999;
    font-size: 0.75rem;
    white-space: nowrap;
}

.invoice-amount[b-tae07yy0yl] {
    color: #22c55e;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.admin-btn-xs[b-tae07yy0yl] {
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    margin-left: auto;
}
/* /Pages/Admin/Contracts/Index.razor.rz.scp.css */
.board-grid[b-riwf1dqtmp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.stat-tile[b-riwf1dqtmp] {
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-tile h3[b-riwf1dqtmp] {
    margin-top: 0;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #a78bfa;
    margin-bottom: 0.5rem;
}

.stat-tile-active[b-riwf1dqtmp] {
    background: rgba(139, 92, 246, 0.15);
    border-color: rgba(139, 92, 246, 0.3);
}

.stat-tile-comm[b-riwf1dqtmp] {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.3);
}

.stat-tile-comm h3[b-riwf1dqtmp] {
    color: #60a5fa;
}

.stat-tile-negotiate[b-riwf1dqtmp] {
    background: rgba(251, 191, 36, 0.15);
    border-color: rgba(251, 191, 36, 0.3);
}

.stat-tile-negotiate h3[b-riwf1dqtmp] {
    color: #fbbf24;
}

.stat-count[b-riwf1dqtmp] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
}

.stat-count span[b-riwf1dqtmp] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #999999;
}

.stat-value[b-riwf1dqtmp] {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #a78bfa;
}

.stat-tile-comm .stat-value[b-riwf1dqtmp] {
    color: #60a5fa;
}

.stat-tile-negotiate .stat-value[b-riwf1dqtmp] {
    color: #fbbf24;
}

.stat-note[b-riwf1dqtmp] {
    margin-top: 0.125rem;
    font-size: 0.7rem;
    color: #999999;
}

.contract-card[b-riwf1dqtmp] {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.5rem;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.contract-card:hover[b-riwf1dqtmp] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.contract-card-done[b-riwf1dqtmp] {
    opacity: 0.5;
}

.contract-card-header[b-riwf1dqtmp] {
    padding: 0.625rem 0.75rem;
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contract-company[b-riwf1dqtmp] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #e2e8f0;
    text-decoration: none;
    border-bottom: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contract-company:hover[b-riwf1dqtmp] {
    color: #93c5fd;
    border: none;
}

.contract-card-body[b-riwf1dqtmp] {
    padding: 0.625rem 0.75rem;
}

.contract-title-row[b-riwf1dqtmp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.375rem;
}

.contract-title-row h5[b-riwf1dqtmp] {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: #f1f5f9;
}

.contract-location[b-riwf1dqtmp] {
    font-size: 0.7rem;
    color: #999999;
    margin-left: 0.5rem;
    white-space: nowrap;
}

.contract-card-table[b-riwf1dqtmp] {
    width: 100%;
    font-size: 0.775rem;
}

.contract-card-table td[b-riwf1dqtmp] {
    padding: 0;
    color: #CCCCCC;
}

.contract-card-table td:first-child[b-riwf1dqtmp] {
    width: 70px;
    color: #999999;
}

.font-semibold[b-riwf1dqtmp] {
    font-weight: 600;
}

.text-danger[b-riwf1dqtmp] {
    color: #f87171 !important;
}

.float-right[b-riwf1dqtmp] {
    float: right;
    font-size: 0.7rem;
    font-weight: 500;
}

.contract-card-footer[b-riwf1dqtmp] {
    padding: 0.375rem 0.75rem;
    background: rgba(255, 255, 255, 0.04);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.progress-dots[b-riwf1dqtmp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 1rem;
}

.dot[b-riwf1dqtmp] {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.dot-line[b-riwf1dqtmp] {
    display: inline-block;
    width: 0.75rem;
    height: 2px;
}

.dot-complete[b-riwf1dqtmp] {
    background: #22c55e;
}

.dot-partial[b-riwf1dqtmp] {
    background: #86efac;
}

.dot-empty[b-riwf1dqtmp] {
    background: #555555;
}

.line-complete[b-riwf1dqtmp] {
    background: #4ade80;
}

.line-partial[b-riwf1dqtmp] {
    background: #86efac;
}

.line-empty[b-riwf1dqtmp] {
    background: #555555;
}

.dot-spacer[b-riwf1dqtmp] {
    width: 0.5rem;
}

.dot-review[b-riwf1dqtmp] {
    width: auto;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    background: rgba(167, 139, 250, 0.25);
    color: #a78bfa;
    font-size: 0.6rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

@media (max-width: 1024px) {
    .board-grid[b-riwf1dqtmp] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .board-grid[b-riwf1dqtmp] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Contracts/LatestContracts.razor.rz.scp.css */
.archive-section[b-515y2fk8lg] {
margin-top: 1.5rem;
}

.search-input[b-515y2fk8lg] {
max-width: 400px;
margin-bottom: 1rem;
}

.flag-cell[b-515y2fk8lg] {
width: 48px;
text-align: center;
}

.flag-toggle[b-515y2fk8lg] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0;
border: 1px solid transparent;
border-radius: 0.375rem;
background: transparent;
color: #94a3b8;
cursor: pointer;
transition: color 0.2s ease, background 0.2s ease;
}

.flag-toggle:hover[b-515y2fk8lg], .flag-toggle:focus-visible[b-515y2fk8lg] {
background: rgba(251, 191, 36, 0.12);
color: #fbbf24;
}

.flag-toggle-active[b-515y2fk8lg] {
color: #fbbf24;
}

.flag-toggle:disabled[b-515y2fk8lg] {
cursor: wait;
opacity: 0.5;
}

[b-515y2fk8lg] .admin-table th {
text-align: left;
}

.contract-link[b-515y2fk8lg] {
color: #e2e8f0;
text-decoration: none;
font-weight: 600;
}

.contract-link:hover[b-515y2fk8lg] {
color: #93c5fd;
border: none;
}

.font-semibold[b-515y2fk8lg] {
font-weight: 600;
}

.review-cell[b-515y2fk8lg] {
width: 60px;
text-align: center;
}

.review-badge[b-515y2fk8lg] {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.125rem 0.5rem;
border-radius: 10px;
background: rgba(167, 139, 250, 0.2);
color: #a78bfa;
font-size: 0.75rem;
font-weight: 600;
}

.review-badge i[b-515y2fk8lg] {
font-size: 0.625rem;
}

.actions-cell[b-515y2fk8lg] {
width: 80px;
text-align: right;
}

.empty-state[b-515y2fk8lg] {
padding: 1.5rem;
text-align: center;
color: #999999;
font-size: 0.875rem;
}
/* /Pages/Admin/Demands/Detail.razor.rz.scp.css */
.detail-grid[b-3v2w0fohiy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.detail-item[b-3v2w0fohiy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label[b-3v2w0fohiy] {
    font-size: 0.8rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-3v2w0fohiy] {
    font-size: 1rem;
    color: #ffffff;
}

.notes-section[b-3v2w0fohiy] {
    margin-bottom: 2rem;
    padding: 1.25rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.notes-section h3[b-3v2w0fohiy] {
    font-size: 1rem;
    color: #F6C343;
    margin-bottom: 0.75rem;
}

.notes-section p[b-3v2w0fohiy] {
    color: #cccccc;
    line-height: 1.6;
    white-space: pre-wrap;
}

.contracts-section[b-3v2w0fohiy] {
    margin-top: 2rem;
}

.contracts-section h3[b-3v2w0fohiy] {
    font-size: 1rem;
    color: #F6C343;
    margin-bottom: 1rem;
}

.date-cell[b-3v2w0fohiy] {
    white-space: nowrap;
}


/* /Pages/Admin/Demands/Edit.razor.rz.scp.css */
.grid-two-columns[b-c4dujgblda] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
/* /Pages/Admin/Demands/Index.razor.rz.scp.css */
.date-cell[b-niqr9twx2c] {
    white-space: nowrap;
}

.actions-cell[b-niqr9twx2c] {
    white-space: nowrap;
}
/* /Pages/Admin/Finance/Add.razor.rz.scp.css */
.manual-transaction-form[b-2s8dzzcu04] {
max-width: 768px;
}

.form-grid[b-2s8dzzcu04] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}

[b-2s8dzzcu04] .admin-form-group small {
display: block;
margin-top: 0.25rem;
font-size: 0.8rem;
color: #AEA293;
}

[b-2s8dzzcu04] .validation-message {
display: block;
margin-top: 0.25rem;
font-size: 0.8rem;
color: #E56556;
}

@media (max-width: 768px) {
.form-grid[b-2s8dzzcu04] {
grid-template-columns: 1fr;
gap: 0;
}
}
/* /Pages/Admin/Finance/Index.razor.rz.scp.css */
.finance-summary[b-boxagfyc0r] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin-top: 1.5rem;
margin-bottom: 0;
padding-bottom: 0.75rem;
}

.summary-card[b-boxagfyc0r] {
padding: 1rem 1.25rem;
background: rgba(248, 239, 229, 0.06);
border: 1px solid rgba(232, 217, 201, 0.12);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3);

h3 {
margin: 0 0 0.75rem;
font-size: 1.1rem;
color: #F5F1EA;
}

div[b-boxagfyc0r] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
padding: 0.4rem 0;
border-top: 1px solid rgba(232, 217, 201, 0.12);
}

span[b-boxagfyc0r] {
font-size: 0.8rem;
color: #AEA293;
}

strong[b-boxagfyc0r] {
font-size: 0.95rem;
color: #F5F1EA;
}
}

.summary-income[b-boxagfyc0r] {
border-color: rgba(140, 201, 127, 0.3);
}

.summary-expenses[b-boxagfyc0r] {
border-color: rgba(229, 101, 86, 0.3);
}

.summary-balance[b-boxagfyc0r] {
border-color: rgba(246, 195, 67, 0.3);
}

.summary-note[b-boxagfyc0r] {
margin: 0 0 1.25rem;
font-size: 0.8rem;
color: #AEA293;
}

.filter-bar[b-boxagfyc0r] {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1rem;
}

.search-input[b-boxagfyc0r] {
width: 300px;
height: 38px;
}

.month-picker[b-boxagfyc0r] {
display: flex;
flex-direction: column;
gap: 0.25rem;
width: 160px;
}

.month-picker span[b-boxagfyc0r] {
font-size: 0.75rem;
color: #AEA293;
line-height: 1.2;
}

.month-filter[b-boxagfyc0r] {
width: 100%;
height: 38px;
}

.filter-buttons[b-boxagfyc0r] {
display: flex;
gap: 0.25rem;
}

.stats-summary[b-boxagfyc0r] {
margin-bottom: 1rem;
font-size: 0.875rem;
color: #AEA293;

strong {
color: #F5F1EA;
}
}

.table-wrapper[b-boxagfyc0r] {
overflow-x: auto;
}

.source-badge[b-boxagfyc0r] {
display: inline-flex;
padding: 0.15rem 0.45rem;
font-size: 0.7rem;
font-weight: 600;
line-height: 1.4;
color: #D9D0C4;
background: rgba(248, 239, 229, 0.08);
border: 1px solid rgba(232, 217, 201, 0.16);
border-radius: 6px;
}

.source-fio[b-boxagfyc0r] {
color: #8CC97F;
border-color: rgba(140, 201, 127, 0.35);
}

.source-manual[b-boxagfyc0r] {
color: #F6C343;
border-color: rgba(246, 195, 67, 0.35);
}

.text-right[b-boxagfyc0r] {
text-align: right;
}

.text-muted[b-boxagfyc0r] {
color: #AEA293;
}

.text-success[b-boxagfyc0r] {
color: #8CC97F !important;
}

.text-danger[b-boxagfyc0r] {
color: #E56556 !important;
}

[b-boxagfyc0r] .admin-table td, [b-boxagfyc0r] .admin-table th {
white-space: nowrap;
}

[b-boxagfyc0r] .admin-table td:nth-child(2), [b-boxagfyc0r] .admin-table th:nth-child(2) {
white-space: normal;
}

@media (max-width: 950px) {
.finance-summary[b-boxagfyc0r] {
grid-template-columns: 1fr;
}
}

@media (max-width: 520px) {
.search-input[b-boxagfyc0r], .month-picker[b-boxagfyc0r] {
width: 100%;
}

.filter-buttons[b-boxagfyc0r] {
width: 100%;

.admin-btn {
flex: 1;
}
}
}
/* /Pages/Admin/Index.razor.rz.scp.css */
.dashboard-tiles[b-va7n33xqgo] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* Base tile */
.tile[b-va7n33xqgo] {
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.tile h3[b-va7n33xqgo] {
    margin-top: 0;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.tile-wide[b-va7n33xqgo] {
    grid-column: span 2;
}

.tile-full[b-va7n33xqgo] {
    grid-column: span 4;
}

/* Stat elements */
.tile-date[b-va7n33xqgo] {
    font-size: 0.75rem;
    color: #999999;
    margin-bottom: 0.5rem;
}

.tile-stat-main[b-va7n33xqgo] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
}

.tile-stat-main span[b-va7n33xqgo] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #999999;
}

.tile-stat-value[b-va7n33xqgo] {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.tile-stat-note[b-va7n33xqgo] {
    margin-top: 0.125rem;
    font-size: 0.7rem;
    color: #999999;
}

/* Webinar tile - purple */
.tile-webinar[b-va7n33xqgo] {
    background: rgba(139, 92, 246, 0.15);
    border-color: rgba(139, 92, 246, 0.3);
}

.tile-webinar h3[b-va7n33xqgo] {
    color: #a78bfa;
}

.tile-webinar .tile-stat-value[b-va7n33xqgo] {
    color: #a78bfa;
}

/* PLUS+ tile - blue */
.tile-news[b-va7n33xqgo] {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(59, 130, 246, 0.3);
}

.tile-news h3[b-va7n33xqgo] {
    color: #60a5fa;
}

.tile-news .tile-stat-value[b-va7n33xqgo] {
    color: #60a5fa;
}

/* Contracts tile - green */
.tile-contracts[b-va7n33xqgo] {
    background: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
}

.tile-contracts h3[b-va7n33xqgo] {
    color: #4ade80;
}

.tile-contracts .tile-stat-value[b-va7n33xqgo] {
    color: #4ade80;
}

/* Nearest contract tile - teal */
.tile-nearest[b-va7n33xqgo] {
    background: rgba(20, 184, 166, 0.15);
    border-color: rgba(20, 184, 166, 0.3);
}

.tile-nearest h3[b-va7n33xqgo] {
    color: #2dd4bf;
}

.tile-nearest .tile-stat-value[b-va7n33xqgo] {
    color: #2dd4bf;
}

.tile-link[b-va7n33xqgo] {
    text-decoration: none;
    transition: box-shadow 0.2s;
}

.tile-link:hover[b-va7n33xqgo] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.tile-nearest-company[b-va7n33xqgo] {
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #e2e8f0;
    margin-bottom: 0.25rem;
}

.tile-nearest-name[b-va7n33xqgo] {
    font-size: 0.8rem;
    color: #cccccc;
    margin-bottom: 0.5rem;
}

/* Reviews tile - orange */
.tile-reviews[b-va7n33xqgo] {
    background: rgba(251, 146, 60, 0.15);
    border-color: rgba(251, 146, 60, 0.3);
}

.tile-reviews h3[b-va7n33xqgo] {
    color: #fb923c;
}

/* Introductions tile - cyan */
.tile-introductions[b-va7n33xqgo] {
    background: rgba(34, 211, 238, 0.15);
    border-color: rgba(34, 211, 238, 0.3);
}

.tile-introductions h3[b-va7n33xqgo] {
    color: #22d3ee;
}

.tile-table-row-link[b-va7n33xqgo] {
    cursor: pointer;
    transition: background 0.15s;
}

.tile-table-row-link:hover td[b-va7n33xqgo] {
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.04);
}

/* Reminders tile - yellow */
.tile-reminders[b-va7n33xqgo] {
    background: rgba(251, 191, 36, 0.15);
    border-color: rgba(251, 191, 36, 0.3);
}

.tile-reminders h3[b-va7n33xqgo] {
    color: #fbbf24;
}

/* Links tile - slate */
.tile-links[b-va7n33xqgo] {
    background: rgba(100, 116, 139, 0.15);
    border-color: rgba(100, 116, 139, 0.3);
}

.tile-links h3[b-va7n33xqgo] {
    color: #94a3b8;
}

.tile-links-list[b-va7n33xqgo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.tile-link-item[b-va7n33xqgo] {
    font-size: 0.85rem;
    color: #cccccc;
    text-decoration: none;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: background 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tile-link-item:hover[b-va7n33xqgo] {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

/* Tables inside tiles */
.tile-table[b-va7n33xqgo] {
    width: 100%;
    font-size: 0.8rem;
    border-collapse: collapse;
    margin-bottom: 0.5rem;
}

.tile-table td[b-va7n33xqgo],
.tile-table th[b-va7n33xqgo] {
    padding: 0.25rem 0.5rem;
    color: #cccccc;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.tile-table td:first-child[b-va7n33xqgo],
.tile-table th:first-child[b-va7n33xqgo] {
    padding-left: 0;
    color: #999999;
    white-space: nowrap;
}

.tile-table th[b-va7n33xqgo] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #999999;
    text-align: left;
}

.tile-table-full[b-va7n33xqgo] {
    margin-top: 0.25rem;
}

.text-danger[b-va7n33xqgo] {
    color: #f87171;
}

.stat-value.primary[b-va7n33xqgo] {
    color: #a5b4fc;
}

.stat-value.success[b-va7n33xqgo] {
    color: #86efac;
}

.stat-label[b-va7n33xqgo] {
    color: #94a3b8;
    margin-top: 0.5rem;
}

/* Reminder type badge (F/Z) */
.col-type[b-va7n33xqgo] {
    width: 1.5rem;
    text-align: center;
}

.reminder-type[b-va7n33xqgo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0;
}

.reminder-type-f[b-va7n33xqgo] {
    background: rgba(59, 130, 246, 0.25);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.reminder-type-z[b-va7n33xqgo] {
    background: rgba(34, 197, 94, 0.2);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.35);
}

/* /Pages/Admin/Login.razor.rz.scp.css */
.admin-login[b-y64ynuyy4f] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.admin-login[b-y64ynuyy4f]  section.form {
    max-width: 400px;
    grid-template-columns: 1fr;
}

.admin-login[b-y64ynuyy4f]  section.form form div {
    width: 100%;
}

.admin-login[b-y64ynuyy4f]  .admin-alert-danger {
    background: rgba(220, 38, 38, 0.15);
    color: #f87171;
    border: 1px solid rgba(220, 38, 38, 0.3);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}
/* /Pages/Admin/Plus/Index.razor.rz.scp.css */
.stats-grid[b-gikdfaci5e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.stat-box[b-gikdfaci5e] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 1.5rem;
    text-align: center;
}

.stat-value[b-gikdfaci5e] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.stat-value.primary[b-gikdfaci5e] {
    color: #a5b4fc;
}

.stat-value.success[b-gikdfaci5e] {
    color: #86efac;
}

.stat-value.warning[b-gikdfaci5e] {
    color: #F6C343;
}

.stat-label[b-gikdfaci5e] {
    color: #94a3b8;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.date-cell[b-gikdfaci5e] {
    white-space: nowrap;
}

.num-column[b-gikdfaci5e] {
    text-align: right;
    white-space: nowrap;
}

.sort-header[b-gikdfaci5e] {
    color: #94a3b8;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.sort-header:hover[b-gikdfaci5e] {
    color: #F6C343;
}

.sort-header.sort-active[b-gikdfaci5e] {
    color: #F6C343;
}

.sort-header i[b-gikdfaci5e] {
    font-size: 0.75rem;
}

.utm-filter[b-gikdfaci5e] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.utm-filter label[b-gikdfaci5e] {
    margin-top: 0;
    color: #cccccc;
    font-size: 0.9rem;
    white-space: nowrap;
}

.utm-filter input[type="date"][b-gikdfaci5e] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    color: #ffffff;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    color-scheme: dark;
}

.utm-filter input[type="date"]:focus[b-gikdfaci5e] {
    outline: none;
    border-color: #E3A07E;
}

.utm-empty[b-gikdfaci5e] {
    color: #64748b;
    font-style: italic;
}

.detail-column[b-gikdfaci5e] {
    text-align: right;
    white-space: nowrap;
    width: 1%;
}

.utm-detail-row td[b-gikdfaci5e] {
    background: rgba(255, 255, 255, 0.03);
    padding: 1rem 0.5rem;
    border-top: none;
}

.utm-name[b-gikdfaci5e] {
    color: #94a3b8;
    font-size: 0.85rem;
}

.utm-describe[b-gikdfaci5e] {
    color: #64748b;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    text-decoration: none;
}

.utm-describe:hover[b-gikdfaci5e] {
    color: #F6C343;
    text-decoration: underline;
}
/* /Pages/Admin/Plus/PlusUtmDetail.razor.rz.scp.css */
.weekly-chart[b-usyfnnnxcy] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    padding: 0.25rem 0;
}

.chart-col[b-usyfnnnxcy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.chart-val[b-usyfnnnxcy] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.2;
}

.chart-bar-area[b-usyfnnnxcy] {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: flex-end;
}

.chart-bar[b-usyfnnnxcy] {
    width: 100%;
    background: linear-gradient(180deg, #F6C343 0%, #b87333 100%);
    border-radius: 4px 4px 0 0;
    min-height: 4px;
    transition: height 0.3s ease;
}

.chart-lbl[b-usyfnnnxcy] {
    font-size: 0.65rem;
    color: #94a3b8;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    width: 100%;
}
/* /Pages/Admin/Resources/Edit.razor.rz.scp.css */
.resource-form-grid[b-b7yc5a57hy] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;

@media (max-width: 768px) {
grid-template-columns: 1fr;
gap: 0;[b-b7yc5a57hy]
}
}

.resource-date-fields[b-b7yc5a57hy] {
grid-template-columns: repeat(3, 1fr);

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-b7yc5a57hy]
}
}

.resource-editor small[b-b7yc5a57hy], .resource-note[b-b7yc5a57hy] {
display: block;
margin: 0.35rem 0 1rem;
font-size: 0.8rem;
color: var(--color-text-muted);
}

.resource-video-fields[b-b7yc5a57hy] {
row-gap: 0.75rem;
}

.resource-video-fields .admin-form-group[b-b7yc5a57hy] {
margin-bottom: 0;
}

.resource-options[b-b7yc5a57hy] {
display: flex;
flex-direction: column;
gap: 0.35rem;
}

.resource-options label[b-b7yc5a57hy] {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
}
/* /Pages/Admin/Resources/Index.razor.rz.scp.css */
.resource-table[b-9d30qvk3vn] {
overflow-x: auto;
}
/* /Pages/Admin/Reviews/Detail.razor.rz.scp.css */
/* Review header with meta info */
.review-header[b-dgyb3uwbcy] {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.review-meta[b-dgyb3uwbcy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.meta-item[b-dgyb3uwbcy] {
    color: #94a3b8;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.meta-item i[b-dgyb3uwbcy] {
    color: #64748b;
}

/* Score display */
.score-section[b-dgyb3uwbcy] {
    margin-bottom: 2rem;
    padding: 1.25rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.score-label[b-dgyb3uwbcy] {
    font-size: 0.8rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
}

.score-display[b-dgyb3uwbcy] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.score-bar-track[b-dgyb3uwbcy] {
    flex: 1;
    height: 10px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 5px;
    overflow: hidden;
}

.score-bar-fill[b-dgyb3uwbcy] {
    height: 100%;
    border-radius: 5px;
    transition: width 0.4s ease;
}

.score-bar-fill.score-high[b-dgyb3uwbcy] {
    background: linear-gradient(90deg, #00c951, #34d399);
}

.score-bar-fill.score-mid[b-dgyb3uwbcy] {
    background: linear-gradient(90deg, #F6C343, #fbbf24);
}

.score-bar-fill.score-low[b-dgyb3uwbcy] {
    background: linear-gradient(90deg, #f87171, #ef4444);
}

.score-number[b-dgyb3uwbcy] {
    font-size: 1.75rem;
    font-weight: 700;
    min-width: 4rem;
    text-align: right;
}

.score-number.score-high[b-dgyb3uwbcy] {
    color: #00c951;
}

.score-number.score-mid[b-dgyb3uwbcy] {
    color: #F6C343;
}

.score-number.score-low[b-dgyb3uwbcy] {
    color: #f87171;
}

.score-max[b-dgyb3uwbcy] {
    font-size: 1rem;
    font-weight: 400;
    color: #64748b;
}

/* Review sections */
.review-sections[b-dgyb3uwbcy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-section[b-dgyb3uwbcy] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.section-icon[b-dgyb3uwbcy] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(148, 163, 184, 0.15);
    color: #94a3b8;
    font-size: 1rem;
}

.section-icon-success[b-dgyb3uwbcy] {
    background: rgba(0, 201, 81, 0.15);
    color: #00c951;
}

.section-icon-danger[b-dgyb3uwbcy] {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

.section-icon-warning[b-dgyb3uwbcy] {
    background: rgba(246, 195, 67, 0.15);
    color: #F6C343;
}

.section-content[b-dgyb3uwbcy] {
    flex: 1;
    min-width: 0;
}

.section-content h4[b-dgyb3uwbcy] {
    margin: 0 0 0.5rem 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #f1f5f9;
}

.section-content p[b-dgyb3uwbcy] {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Contract info */
.contract-info[b-dgyb3uwbcy] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label[b-dgyb3uwbcy] {
    font-size: 0.8rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-dgyb3uwbcy] {
    color: #f1f5f9;
    font-size: 0.9rem;
    font-family: monospace;
}


/* /Pages/Admin/Shortlinks/Edit.razor.rz.scp.css */

/* /Pages/Admin/Stats/Index.razor.rz.scp.css */
.filter-bar[b-a3qacgey0x] {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
flex-wrap: wrap;
}

.search-form[b-a3qacgey0x] {
display: flex;
}

.search-input[b-a3qacgey0x] {
width: 250px;
}

.filter-buttons[b-a3qacgey0x] {
    display: flex;
    gap: 0.35rem;
}

.flag-toggle[b-a3qacgey0x] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #94a3b8;
    padding: 0.65rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.flag-toggle:hover[b-a3qacgey0x] {
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
}

.flag-toggle.active[b-a3qacgey0x] {
    background: rgba(102, 126, 234, 0.3);
    border-color: #667eea;
    color: #a5b4fc;
}

.stats-summary[b-a3qacgey0x] {
color: #94a3b8;
font-size: 0.875rem;
margin-bottom: 1rem;
}

.stats-summary strong[b-a3qacgey0x] {
color: #f1f5f9;
}
/* /Pages/Admin/Talks/Edit.razor.rz.scp.css */
.form-grid[b-ngpmfunfzr] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2rem;
}

.form-main[b-ngpmfunfzr] {
    min-width: 0;
}

.form-side[b-ngpmfunfzr] {
    min-width: 0;
}

[b-ngpmfunfzr] .admin-form-input[rows] {
    resize: vertical;
    min-height: 80px;
}

.flags-label[b-ngpmfunfzr] {
    margin-bottom: 0.25rem;
}

.flag-check[b-ngpmfunfzr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e0e7ff;
    font-size: 0.9rem;
    cursor: pointer;
}

.flag-check input[type="checkbox"][b-ngpmfunfzr] {
    width: 1rem;
    height: 1rem;
    accent-color: #667eea;
}
/* /Pages/Admin/Talks/Index.razor.rz.scp.css */
.date-cell[b-fnsj5924ik] {
    white-space: nowrap;
}

.actions-cell[b-fnsj5924ik] {
    white-space: nowrap;
}

.links-cell[b-fnsj5924ik] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.link-indicator[b-fnsj5924ik] {
    color: rgba(255, 255, 255, 0.15);
    font-size: 0.85rem;
}

.link-indicator.active[b-fnsj5924ik] {
    color: #22c55e;
}


/* /Pages/Admin/Utms/Edit.razor.rz.scp.css */
[b-zwarid3lh7] .admin-form-input[rows] {
    resize: vertical;
    min-height: 80px;
}
/* /Pages/Admin/Utms/Index.razor.rz.scp.css */
.status-cell[b-frerjoihup] {
    width: 30px;
    text-align: center;
}

.status-dot[b-frerjoihup] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.status-dot.active[b-frerjoihup] {
    background-color: #22c55e;
}

.status-dot.inactive[b-frerjoihup] {
    background-color: #666666;
}
/* /Pages/Admin/Videos/Detail.razor.rz.scp.css */
.detail-grid[b-i2h2n4yz1q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.detail-item[b-i2h2n4yz1q] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label[b-i2h2n4yz1q],
.stats-label[b-i2h2n4yz1q] {
    color: #94a3b8;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.detail-value[b-i2h2n4yz1q] {
    color: #f1f5f9;
    font-size: 1rem;
}

.stats-bar[b-i2h2n4yz1q] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.stats-item[b-i2h2n4yz1q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
}

.stats-item-success[b-i2h2n4yz1q] {
    border-color: rgba(0, 201, 81, 0.3);
}

.stats-item-warning[b-i2h2n4yz1q] {
    border-color: rgba(246, 195, 67, 0.3);
}

.stats-value[b-i2h2n4yz1q] {
    color: #f1f5f9;
    font-size: 1.25rem;
    font-weight: 600;
}

.stats-item-success .stats-value[b-i2h2n4yz1q] {
    color: #00c951;
}

.stats-item-warning .stats-value[b-i2h2n4yz1q] {
    color: #f6c343;
}

.detail-tabs[b-i2h2n4yz1q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.detail-tab[b-i2h2n4yz1q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
    cursor: pointer;
    font: inherit;
    font-size: 0.95rem;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.detail-tab:hover[b-i2h2n4yz1q] {
    border-color: rgba(246, 195, 67, 0.35);
    background: rgba(246, 195, 67, 0.08);
    color: #f1f5f9;
}

.detail-tab.active[b-i2h2n4yz1q] {
    border-color: rgba(246, 195, 67, 0.45);
    background: rgba(246, 195, 67, 0.14);
    color: #f6c343;
}

.detail-tab span[b-i2h2n4yz1q] {
    min-width: 1.5rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.22);
    color: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
}

.detail-tab-panel[b-i2h2n4yz1q] {
    margin-top: 1rem;
}

.actions-cell[b-i2h2n4yz1q] {
white-space: nowrap;
}

@media (max-width: 768px) {
    .detail-grid[b-i2h2n4yz1q] {
        grid-template-columns: 1fr;
    }

    .stats-bar[b-i2h2n4yz1q] {
        flex-direction: column;
    }
}
/* /Pages/Admin/Videos/Edit.razor.rz.scp.css */
.disabled-input[b-7imzjypnik] {
    background: rgba(100, 100, 100, 0.2) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.grid-two-columns[b-7imzjypnik] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 768px) {
    .grid-two-columns[b-7imzjypnik] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Videos/OrderEdit.razor.rz.scp.css */
.disabled-input[b-gvfn3sh5rj] {
    background: rgba(100, 100, 100, 0.2) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.grid-two-columns[b-gvfn3sh5rj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 768px) {
    .grid-two-columns[b-gvfn3sh5rj] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Webinars/AttendeeEdit.razor.rz.scp.css */
.disabled-input[b-6azquriksh] {
    background: rgba(100, 100, 100, 0.2) !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.grid-two-columns[b-6azquriksh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
/* /Pages/Admin/Webinars/Detail.razor.rz.scp.css */
.detail-grid[b-orquzpjokx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.detail-item[b-orquzpjokx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label[b-orquzpjokx] {
    font-size: 0.8rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-orquzpjokx] {
    color: #f1f5f9;
    font-size: 1rem;
}

.stats-bar[b-orquzpjokx] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.stats-item[b-orquzpjokx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.stats-item-success[b-orquzpjokx] {
    border-color: rgba(0, 201, 81, 0.3);
}

.stats-item-warning[b-orquzpjokx] {
    border-color: rgba(246, 195, 67, 0.3);
}

.stats-label[b-orquzpjokx] {
    font-size: 0.8rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stats-value[b-orquzpjokx] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #f1f5f9;
}

.stats-item-success .stats-value[b-orquzpjokx] {
    color: #00c951;
}

.stats-item-warning .stats-value[b-orquzpjokx] {
    color: #F6C343;
}

.section-header[b-orquzpjokx] {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.section-header h3[b-orquzpjokx] {
    margin: 0;
    color: #F6C343;
    font-size: 1.125rem;
}

.detail-tabs[b-orquzpjokx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.detail-tab[b-orquzpjokx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
    cursor: pointer;
    font: inherit;
    font-size: 0.95rem;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.detail-tab:hover[b-orquzpjokx] {
    border-color: rgba(246, 195, 67, 0.35);
    background: rgba(246, 195, 67, 0.08);
    color: #f1f5f9;
}

.detail-tab.active[b-orquzpjokx] {
    border-color: rgba(246, 195, 67, 0.45);
    background: rgba(246, 195, 67, 0.14);
    color: #F6C343;
}

.detail-tab span[b-orquzpjokx] {
    min-width: 1.5rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.22);
    color: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
}

.detail-tab-panel[b-orquzpjokx] {
    margin-top: 1rem;
}

.actions-cell[b-orquzpjokx] {
    white-space: nowrap;
}

.deferred-badge[b-orquzpjokx] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.375rem;
    font-size: 0.75rem;
    color: #94a3b8;
    vertical-align: middle;
}

.survey-summary[b-orquzpjokx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.survey-summary-item[b-orquzpjokx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
}

.survey-summary-label[b-orquzpjokx] {
    color: #94a3b8;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.survey-summary-value[b-orquzpjokx] {
    color: #F6C343;
    font-size: 1.25rem;
    font-weight: 600;
}

.survey-questions[b-orquzpjokx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.survey-question[b-orquzpjokx] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
}

.survey-question-header[b-orquzpjokx] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.survey-question-header h4[b-orquzpjokx] {
    margin: 0;
    color: #f1f5f9;
    font-size: 1rem;
}

.survey-question-header span[b-orquzpjokx] {
    color: #94a3b8;
    font-family: monospace;
    font-size: 0.85rem;
}

.survey-answer-list[b-orquzpjokx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.survey-answer-item[b-orquzpjokx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.12);
}

.survey-answer-text[b-orquzpjokx] {
    color: #f1f5f9;
    white-space: pre-wrap;
}

.survey-answer-count[b-orquzpjokx] {
    color: #F6C343;
    font-weight: 600;
    white-space: nowrap;
}

.survey-empty[b-orquzpjokx],
.survey-empty-count[b-orquzpjokx] {
    color: #94a3b8;
    font-size: 0.9rem;
}

.survey-empty-count[b-orquzpjokx] {
    margin-top: 0.75rem;
}

@media (max-width: 768px) {
    .detail-grid[b-orquzpjokx],
    .survey-summary[b-orquzpjokx] {
        grid-template-columns: 1fr;
    }

    .stats-bar[b-orquzpjokx] {
        flex-direction: column;
    }

    .survey-question-header[b-orquzpjokx],
    .survey-answer-item[b-orquzpjokx] {
        grid-template-columns: 1fr;
    }

    .survey-question-header[b-orquzpjokx] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }
}


/* /Pages/Admin/Webinars/Edit.razor.rz.scp.css */
.disabled-input[b-4ir6011rbh] {
    background: rgba(100, 100, 100, 0.2) !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.grid-two-columns[b-4ir6011rbh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

[b-4ir6011rbh] .ql-container {
    height: 150px;
}
/* /Pages/Admin/Webinars/Index.razor.rz.scp.css */
.date-cell[b-hkhb10ppdg] {
    white-space: nowrap;
}

.actions-cell[b-hkhb10ppdg] {
    white-space: nowrap;
}

.webinar-paid-progress[b-hkhb10ppdg] {
    appearance: none;
    display: block;
    width: 100%;
    height: 10px;
    margin-top: 0.75rem;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
}

.webinar-paid-progress[b-hkhb10ppdg]::-webkit-progress-bar {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
}

.webinar-paid-progress[b-hkhb10ppdg]::-webkit-progress-value {
    border-radius: 999px;
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
    transition: width 0.3s ease;
}

.webinar-paid-progress[b-hkhb10ppdg]::-moz-progress-bar {
    border-radius: 999px;
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
    transition: width 0.3s ease;
}

.webinar-summary[b-hkhb10ppdg] {
    margin: 1.25rem 0 1.5rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.025) 100%);
}

.webinar-summary-title[b-hkhb10ppdg] {
    margin: 0 0 0.75rem;
    color: #94a3b8;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.webinar-summary-grid[b-hkhb10ppdg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.webinar-summary-item[b-hkhb10ppdg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.5rem 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.webinar-summary-item:first-child[b-hkhb10ppdg] {
    padding-left: 0.25rem;
    border-left: 0;
}

.webinar-summary-label[b-hkhb10ppdg] {
    color: #94a3b8;
    font-size: 0.8rem;
    line-height: 1.4;
}

.webinar-summary-value[b-hkhb10ppdg] {
    color: #f1f5f9;
    font-size: 1.25rem;
    font-weight: 600;
    white-space: nowrap;
}

.webinar-summary-item-success .webinar-summary-value[b-hkhb10ppdg] {
    color: #00c951;
}

.webinar-summary-item-accent .webinar-summary-value[b-hkhb10ppdg] {
    color: #F6C343;
}

.webinar-utm-summary[b-hkhb10ppdg] {
    margin: 0 0 1.5rem;
    padding: 0.6rem 1rem;
}

.webinar-utm-summary .webinar-summary-title[b-hkhb10ppdg] {
    margin-bottom: 0.4rem;
    font-size: 0.7rem;
}

.webinar-utm-list[b-hkhb10ppdg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.webinar-utm-item[b-hkhb10ppdg] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
    line-height: 1.4;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

.webinar-utm-name[b-hkhb10ppdg] {
    min-width: 0;
    overflow: hidden;
    color: #94a3b8;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.webinar-utm-share[b-hkhb10ppdg] {
    font-weight: 600;
    color: #f1f5f9;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .webinar-summary-grid[b-hkhb10ppdg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .webinar-summary-item:nth-child(odd)[b-hkhb10ppdg] {
        padding-left: 0.25rem;
        border-left: 0;
    }
}

@media (max-width: 520px) {
    .webinar-summary-grid[b-hkhb10ppdg] {
        grid-template-columns: minmax(0, 1fr);
    }

    .webinar-summary-item[b-hkhb10ppdg] {
        padding: 0.75rem 0.25rem;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 0;
    }

    .webinar-summary-item:first-child[b-hkhb10ppdg] {
        border-top: 0;
    }

    .webinar-summary-value[b-hkhb10ppdg] {
        white-space: normal;
    }
}
/* /Pages/Admin/Webinars/RegistrationDetail.razor.rz.scp.css */
.detail-grid[b-rqo2jmmnm9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}

.detail-item[b-rqo2jmmnm9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label[b-rqo2jmmnm9] {
    font-size: 0.8rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-rqo2jmmnm9] {
    color: #f1f5f9;
    font-size: 1rem;
}

.section-header[b-rqo2jmmnm9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.section-header h3[b-rqo2jmmnm9] {
    margin: 0;
    color: #F6C343;
    font-size: 1.125rem;
}

.actions-cell[b-rqo2jmmnm9] {
    white-space: nowrap;
}
/* /Pages/Admin/Webinars/RegistrationEdit.razor.rz.scp.css */
.disabled-input[b-dqpy17f1ga] {
    background: rgba(100, 100, 100, 0.2) !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

.grid-two-columns[b-dqpy17f1ga] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

[b-dqpy17f1ga] .checkbox-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    margin-top: 0;
}

[b-dqpy17f1ga] .checkbox-label input[type="checkbox"] {
    width: 1.125rem;
    height: 1.125rem;
    accent-color: #F6C343;
    cursor: pointer;
}
/* /Pages/Adoption.razor.rz.scp.css */
.cta-buttons[b-k2cno8rqp2] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
margin-top: 1rem;
}

.section-heading[b-k2cno8rqp2] {
max-width: 760px;
margin-bottom: 1.75rem;

h2 {
margin-top: 0;
}

p[b-k2cno8rqp2] {
margin-top: 0.25rem;
font-size: 1.05rem;
line-height: 1.75;
color: var(--color-text-secondary);
}
}

.adoption-terminal[b-k2cno8rqp2] {
position: relative;
padding: 2.6rem 1.5rem 1.5rem;
background: linear-gradient(180deg, rgba(32, 36, 44, 0.92) 0%, rgba(18, 21, 26, 0.92) 100%);
border: 1px solid var(--color-border-strong);
border-radius: 18px;
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5), 0 0 70px rgba(var(--rgb-primary-strong), 0.14);
animation: rise-in 0.9s var(--ease-out) 0.15s both;

&::before {
content: "";
position: absolute;
top: 0.8rem;
left: 0.95rem;
width: 0.6rem;
height: 0.6rem;
background: var(--color-error);
border-radius: 50%;
box-shadow: 1rem 0 0 var(--color-cta), 2rem 0 0 var(--color-success);
opacity: 0.85;
}

@media (max-width: 520px) {
padding: 2.6rem 1.1rem 1.25rem;[b-k2cno8rqp2]
}
}

.adoption-terminal-title[b-k2cno8rqp2] {
position: absolute;
top: 0.5rem;
right: 1rem;
left: 4rem;
margin: 0;
font-family: var(--font-mono);
font-size: 0.72rem;
line-height: 1.6;
color: var(--color-text-subtle);
text-align: center;
}

.adoption-facts[b-k2cno8rqp2] {
display: grid;

div {
display: grid;
grid-template-columns: 5.5rem minmax(0, 1fr);
gap: 1rem;
padding: 0.6rem 0;
border-bottom: 1px dashed var(--color-form-divider);
}

dt[b-k2cno8rqp2] {
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
line-height: 2;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.08em;
}

dd[b-k2cno8rqp2] {
margin: 0;
font-size: 0.98rem;
font-weight: 500;
line-height: 1.6;
color: var(--color-text);
}
}

.adoption-weeks-label[b-k2cno8rqp2] {
margin: 1.25rem 0 0.5rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.08em;
}

.adoption-weeks[b-k2cno8rqp2] {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0.4rem;

li {
display: flex;
flex-direction: column;
gap: 0.1rem;
min-width: 0;
padding: 0.45rem 0.6rem;
font-family: var(--font-mono);
font-size: 0.68rem;
line-height: 1.4;
color: var(--color-text-muted);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
}

strong[b-k2cno8rqp2] {
font-size: 0.95rem;
font-weight: 600;
color: var(--color-text-secondary);
}

li.on-site[b-k2cno8rqp2] {
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.1);
border-color: rgba(var(--rgb-primary), 0.35);

strong {
color: var(--color-primary);
}
}
}

.adoption-terminal-price[b-k2cno8rqp2] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 0.25rem 1rem;
margin: 1.25rem 0 0;
padding-top: 1rem;
border-top: 1px solid var(--color-border);

strong {
font-family: var(--font-display);
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
color: var(--color-text);
letter-spacing: -0.03em;
}

span[b-k2cno8rqp2] {
font-family: var(--font-mono);
font-size: 0.75rem;
color: var(--color-text-muted);
}
}

.why-cards[b-k2cno8rqp2] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;

@media (max-width: 800px) {
grid-template-columns: 1fr;[b-k2cno8rqp2]
}
}

.why-card[b-k2cno8rqp2] {
position: relative;
isolation: isolate;
padding: 1.6rem;
background: radial-gradient(360px circle at var(--spot-x, 50%) var(--spot-y, -20%), rgba(var(--rgb-primary), 0.12) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

h3 {
margin: 1.1rem 0 0.5rem;
font-size: 1.15rem;
}

p[b-k2cno8rqp2] {
margin: 0;
font-size: 0.95rem;
line-height: 1.65;
color: var(--color-text-secondary);
}
}

.why-card[b-k2cno8rqp2]  i {
display: inline-grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
font-size: 1.15rem;
color: var(--color-primary);
background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.18) 0%, rgba(var(--rgb-primary-deep), 0.08) 100%);
border: 1px solid rgba(var(--rgb-primary), 0.26);
border-radius: var(--radius-control);
}

.adoption-loop[b-k2cno8rqp2] {
position: relative;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;

&::before {
content: "";
position: absolute;
top: 1.6rem;
right: 16.66%;
left: 16.66%;
height: 1px;
background: repeating-linear-gradient(90deg, rgba(var(--rgb-primary), 0.55) 0 6px, transparent 6px 12px);

@media (max-width: 800px) {
display: none;[b-k2cno8rqp2]
}
}

li[b-k2cno8rqp2] {
position: relative;
padding: 0 0.5rem;
text-align: center;
}

h3[b-k2cno8rqp2] {
margin: 1rem 0 0.4rem;
font-size: 1.2rem;
}

p[b-k2cno8rqp2] {
margin: 0;
font-size: 0.95rem;
line-height: 1.65;
color: var(--color-text-secondary);
}

@media (max-width: 800px) {
grid-template-columns: 1fr;
gap: 2rem;[b-k2cno8rqp2]
}
}

.adoption-loop-icon[b-k2cno8rqp2] {
display: inline-grid;
place-items: center;
width: 3.2rem;
height: 3.2rem;
background: linear-gradient(rgba(var(--rgb-primary), 0.14), rgba(var(--rgb-primary), 0.14)), var(--color-bg);
border: 1px solid rgba(var(--rgb-primary), 0.35);
border-radius: 14px;
box-shadow: 0 0 0 6px var(--color-bg), 0 10px 28px rgba(var(--rgb-primary-strong), 0.2);
}

.adoption-loop-icon[b-k2cno8rqp2]  i {
margin: 0;
font-size: 1.2rem;
color: var(--color-primary);
}

.adoption-loop-repeat[b-k2cno8rqp2] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
width: fit-content;
margin: 2.25rem auto 0;
padding: 0.4rem 1rem;
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-primary-hover);
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
background: rgba(var(--rgb-primary), 0.08);
border: 1px solid rgba(var(--rgb-primary), 0.24);
border-radius: 999px;
}

.adoption-loop-repeat[b-k2cno8rqp2]  i {
color: var(--color-primary);
}

.adoption-sessions[b-k2cno8rqp2] {
position: relative;
display: grid;
gap: 1rem;

&::before {
content: "";
position: absolute;
top: 1.5rem;
bottom: 1.5rem;
left: 1.5rem;
width: 1px;
background: linear-gradient(180deg, rgba(var(--rgb-primary), 0.55) 0%, rgba(var(--rgb-primary), 0.12) 100%);

@media (max-width: 600px) {
display: none;[b-k2cno8rqp2]
}
}

li[b-k2cno8rqp2] {
display: grid;
grid-template-columns: 3rem minmax(0, 1fr);
align-items: start;
gap: 1.25rem;

@media (max-width: 600px) {
grid-template-columns: 1fr;
gap: 0.75rem;[b-k2cno8rqp2]
}
}
}

.adoption-session-number[b-k2cno8rqp2] {
position: relative;
z-index: 1;
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
font-family: var(--font-mono);
font-size: 0.9rem;
font-weight: 600;
color: var(--color-primary);
background: linear-gradient(rgba(var(--rgb-primary), 0.12), rgba(var(--rgb-primary), 0.12)), var(--color-bg);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: var(--radius-control);
box-shadow: 0 0 0 6px var(--color-bg);
}

.adoption-session-body[b-k2cno8rqp2] {
min-width: 0;
padding: 1.4rem 1.6rem;
background: radial-gradient(520px circle at var(--spot-x, 20%) var(--spot-y, -30%), rgba(var(--rgb-primary), 0.08) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

h3 {
margin: 0.6rem 0 0;
font-size: 1.25rem;
}

p[b-k2cno8rqp2] {
margin-top: 0.5rem;
font-size: 0.97rem;
line-height: 1.7;
color: var(--color-text-secondary);
}

@media (max-width: 600px) {
padding: 1.2rem;[b-k2cno8rqp2]
}
}

li.on-site .adoption-session-body[b-k2cno8rqp2] {
background: radial-gradient(520px circle at var(--spot-x, 20%) var(--spot-y, -30%), rgba(var(--rgb-primary), 0.13) 0%, transparent 60%), var(--color-surface);
border-color: rgba(var(--rgb-primary), 0.24);
}

.adoption-session-meta[b-k2cno8rqp2] {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;

span {
padding: 0.15rem 0.65rem;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
line-height: 1.6;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.08em;
border: 1px solid var(--color-border);
border-radius: 999px;
}
}

li.on-site .adoption-session-format[b-k2cno8rqp2] {
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.1);
border-color: rgba(var(--rgb-primary), 0.32);
}

.adoption-session-body .adoption-session-output[b-k2cno8rqp2] {
margin-top: 1rem;
padding-top: 0.85rem;
font-size: 0.93rem;
color: var(--color-text);
border-top: 1px dashed var(--color-form-divider);

strong {
margin-right: 0.6rem;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
color: var(--color-primary);
text-transform: uppercase;
letter-spacing: 0.08em;
}
}

.adoption-outcomes[b-k2cno8rqp2] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;

li {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

h3[b-k2cno8rqp2] {
margin: 0;
font-size: 1.1rem;
}

p[b-k2cno8rqp2] {
margin-top: 0.4rem;
font-size: 0.95rem;
line-height: 1.65;
color: var(--color-text-secondary);
}

@media (max-width: 900px) {
grid-template-columns: repeat(2, minmax(0, 1fr));[b-k2cno8rqp2]
}

@media (max-width: 600px) {
grid-template-columns: 1fr;[b-k2cno8rqp2]
}
}

.adoption-outcome-icon[b-k2cno8rqp2] {
display: inline-grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.25);
border-radius: var(--radius-small);
}

.adoption-outcome-icon[b-k2cno8rqp2]  i {
margin: 0;
font-size: 1rem;
color: var(--color-primary);
}

.adoption-promise[b-k2cno8rqp2] {
max-width: 860px;
margin-top: 2rem;
padding: 1.25rem 1.5rem;
background: rgba(var(--rgb-primary), 0.08);
border-left: 3px solid var(--color-primary-strong);
border-radius: var(--radius-small);

p {
margin: 0;
font-size: 1rem;
line-height: 1.75;
color: var(--color-text-secondary);
}

strong[b-k2cno8rqp2] {
display: block;
margin-bottom: 0.35rem;
font-size: 1.1rem;
color: var(--color-text);
}
}

.adoption-compare-table[b-k2cno8rqp2] {
overflow-x: auto;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

table {
width: 100%;
font-size: 0.95rem;
}

th[b-k2cno8rqp2], td[b-k2cno8rqp2] {
padding: 0.85rem 1.25rem;
line-height: 1.55;
text-align: left;
vertical-align: top;
border-bottom: 1px solid var(--color-border);
}

thead th[b-k2cno8rqp2] {
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.08em;
}

thead th.program[b-k2cno8rqp2] {
color: var(--color-primary-hover);
}

tbody th[b-k2cno8rqp2] {
width: 30%;
font-weight: 600;
color: var(--color-text);
}

td[b-k2cno8rqp2] {
color: var(--color-text-secondary);
}

.program[b-k2cno8rqp2] {
background: rgba(var(--rgb-primary), 0.06);
}

td.program[b-k2cno8rqp2] {
color: var(--color-text);
}

tbody tr:last-child > *[b-k2cno8rqp2] {
border-bottom: 0;
}

@media (max-width: 600px) {
table[b-k2cno8rqp2] {
font-size: 0.86rem;
}

th[b-k2cno8rqp2], td[b-k2cno8rqp2] {
padding: 0.7rem 0.75rem;
}
}
}

.adoption-price-card[b-k2cno8rqp2] {
position: relative;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.5rem;
overflow: hidden;
padding: 2.25rem;
background: radial-gradient(640px circle at var(--spot-x, 15%) var(--spot-y, 0%), rgba(var(--rgb-primary), 0.1) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

&::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 2px;
background: var(--gradient-brand);
}

@media (max-width: 900px) {
grid-template-columns: 1fr;
gap: 2rem;
padding: 1.5rem;[b-k2cno8rqp2]
}
}

.adoption-price-label[b-k2cno8rqp2] {
margin: 0;
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-primary-hover);
text-transform: uppercase;
letter-spacing: 0.08em;
}

.adoption-price[b-k2cno8rqp2] {
display: flex;
flex-direction: column;
gap: 0.2rem;
margin-top: 0.5rem;

strong {
font-family: var(--font-display);
font-size: clamp(2.4rem, 1.9rem + 1.6vw, 3.2rem);
font-weight: 700;
line-height: 1.1;
color: var(--color-text);
letter-spacing: -0.04em;
}

span[b-k2cno8rqp2] {
font-family: var(--font-mono);
font-size: 0.78rem;
color: var(--color-text-muted);
}
}

.adoption-stats[b-k2cno8rqp2] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
margin-top: 1.75rem;

li {
display: flex;
flex-direction: column;
gap: 0.15rem;
padding: 0.85rem 1rem;
background: rgba(255, 244, 235, 0.03);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
}

strong[b-k2cno8rqp2] {
font-family: var(--font-display);
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
color: var(--color-primary);
letter-spacing: -0.03em;
}

span[b-k2cno8rqp2] {
font-family: var(--font-mono);
font-size: 0.72rem;
line-height: 1.5;
color: var(--color-text-muted);
}
}

.adoption-price-includes[b-k2cno8rqp2] {
h3 {
margin: 0;
font-size: 1.15rem;
}

ul[b-k2cno8rqp2] {
display: grid;
gap: 0.55rem;
margin: 1rem 0 1.75rem;
}

li[b-k2cno8rqp2] {
display: flex;
align-items: baseline;
font-size: 0.97rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

> p[b-k2cno8rqp2] {
margin-top: 1rem;
font-size: 0.88rem;
line-height: 1.65;
color: var(--color-text-muted);
}
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.section-heading[b-k2cno8rqp2], .why-card[b-k2cno8rqp2], .adoption-loop li[b-k2cno8rqp2], .adoption-sessions li[b-k2cno8rqp2], .adoption-outcomes li[b-k2cno8rqp2], .adoption-promise[b-k2cno8rqp2], .adoption-compare-table[b-k2cno8rqp2], .adoption-price-card[b-k2cno8rqp2] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 22%;
}
}
}
/* /Pages/Articles/Detail.razor.rz.scp.css */
.article-page[b-46ap37je7e] {
padding-bottom: 3rem;
}

.article-hero[b-46ap37je7e] {
margin-bottom: 2rem;
}

.article-hero > .article-hero-content[b-46ap37je7e] {
max-width: 60%;
margin-bottom: 2rem;
}

.article-hero-content h1[b-46ap37je7e] {
margin: 0;
font-size: 2rem;
}

.article-hero-content h1 strong[b-46ap37je7e] {
font-size: clamp(2.4rem, 5vw, 3rem);
line-height: 1.25;
}

.article-byline[b-46ap37je7e] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.75rem;
align-items: center;
margin: 1rem 0 0;
color: var(--color-text-secondary);
font-size: 0.85rem;
}

.article-byline img[b-46ap37je7e] {
width: 2rem;
height: 2rem;
object-fit: cover;
border-radius: 50%;
}

.article-byline-content[b-46ap37je7e] {
max-width: none;
margin: 0;
}

.article-byline-meta[b-46ap37je7e] {
display: flex;
gap: 0.55rem;
align-items: center;
max-width: none;
margin: 0;
}

.article-byline-meta a[b-46ap37je7e] {
color: var(--color-text);
font-weight: 600;
}

.article-byline-content p[b-46ap37je7e] {
margin: 0.15rem 0 0;
color: var(--color-text-secondary);
font-size: 0.8rem;
line-height: 1.45;
}

.article-main[b-46ap37je7e] {
max-width: 75%;
}

.article-newsletter[b-46ap37je7e] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1.5rem 2rem;
align-items: center;
margin: 3rem 0 0;
padding: 1.75rem 2rem;
background: var(--color-form-surface);
border: 1px solid rgba(var(--rgb-primary), 0.16);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3);
}

.article-newsletter-eyebrow[b-46ap37je7e] {
display: flex;
gap: 0.45rem;
align-items: center;
margin: 0;
color: var(--color-primary-hover);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.article-newsletter-intro h2[b-46ap37je7e] {
margin: 1rem 0 0.5rem;
font-size: 1.35rem;
}

.article-newsletter-intro p[b-46ap37je7e] {
margin: 0;
color: var(--color-text-secondary);
font-size: 0.9rem;
line-height: 1.6;
}

[b-46ap37je7e] .article-newsletter form div {
position: relative;
margin: 0 0 1rem;
}

[b-46ap37je7e] .article-newsletter label {
display: block;
padding: 0 0 0.3rem 0.2rem;
color: var(--color-text-secondary);
font-size: 0.85rem;
}

[b-46ap37je7e] .article-newsletter label.required::after {
content: " *";
color: var(--color-error);
}

[b-46ap37je7e] .article-newsletter input {
box-sizing: border-box;
width: 100%;
padding: 0.75rem 1rem;
background: var(--color-field-bg);
border: 1px solid var(--color-field-border);
border-radius: 10px;
color: var(--color-text);
font-family: var(--font-body);
font-size: 1rem;
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

[b-46ap37je7e] .article-newsletter input::placeholder {
color: var(--color-placeholder);
}

[b-46ap37je7e] .article-newsletter input:focus {
background: var(--color-field-bg-focus);
border-color: var(--color-field-border-focus);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

[b-46ap37je7e] .article-newsletter .validation-message {
position: absolute;
top: 0;
right: 0;
}

[b-46ap37je7e] .article-newsletter button {
margin-top: 0.25rem;
}

[b-46ap37je7e] .article-newsletter form h2 {
margin: 0 0 0.5rem;
font-size: 1.2rem;
}

[b-46ap37je7e] .article-newsletter form p {
margin: 0 0 0.75rem;
color: var(--color-text-secondary);
font-size: 0.9rem;
line-height: 1.6;
}

[b-46ap37je7e] .article-newsletter .subscription h2 {
color: var(--color-cta);
}

[b-46ap37je7e] .article-content {
color: var(--color-text-secondary);
font-size: 1rem;
line-height: 1.8;
}

[b-46ap37je7e] .article-content h1,
[b-46ap37je7e] .article-content h2,
[b-46ap37je7e] .article-content h3,
[b-46ap37je7e] .article-content h4,
[b-46ap37je7e] .article-content h5,
[b-46ap37je7e] .article-content h6 {
margin: 2rem 0 0.75rem;
color: var(--color-text);
font-family: var(--font-display);
line-height: 1.45;
}

[b-46ap37je7e] .article-content h1 {
font-size: 2rem;
}

[b-46ap37je7e] .article-content h2 {
font-size: 1.4rem;
}

[b-46ap37je7e] .article-content h3 {
font-size: 1.2rem;
}

[b-46ap37je7e] .article-content p {
margin: 0 0 1.25rem;
}

.article-content .article-description[b-46ap37je7e] {
margin: 0 0 2rem;
font-family: var(--font-display);
font-size: clamp(1.2rem, 2.4vw, 1.4rem);
line-height: 1.55;
color: var(--color-text);
letter-spacing: -0.015em;
}

[b-46ap37je7e] .article-content ul,
[b-46ap37je7e] .article-content ol {
margin: 0 0 1.25rem;
padding-left: 1.5rem;
}

[b-46ap37je7e] .article-content ul {
list-style: disc;
}

[b-46ap37je7e] .article-content ol {
list-style: decimal;
}

[b-46ap37je7e] .article-content li {
margin-bottom: 0.45rem;
}

[b-46ap37je7e] .article-content strong {
color: var(--color-text);
font-weight: 700;
}

[b-46ap37je7e] .article-content blockquote {
margin: 1.5rem 0;
padding: 0.75rem 1rem;
border-left: 3px solid var(--color-primary);
background: var(--color-surface);
color: var(--color-text);
}

[b-46ap37je7e] .article-content pre {
overflow-x: auto;
margin: 1.5rem 0;
padding: 1rem;
background: var(--color-field-bg);
border: 1px solid var(--color-border);
border-radius: 8px;
}

[b-46ap37je7e] .article-content code {
padding: 0.1rem 0.3rem;
background: rgba(255, 244, 235, 0.08);
border-radius: 4px;
font-family: "JetBrains Mono", monospace;
font-size: 0.9em;
}

[b-46ap37je7e] .article-content pre code {
padding: 0;
background: transparent;
}

[b-46ap37je7e] .article-content img {
max-width: 100%;
height: auto;
border-radius: 10px;
}

[b-46ap37je7e] .article-content a {
color: var(--color-primary);
}

[b-46ap37je7e] .article-fragment {
margin: 1.5rem 0;
padding: 1rem 1.25rem;
background: rgba(var(--rgb-cta), 0.08);
border: 1px solid rgba(var(--rgb-cta), 0.2);
border-radius: 10px;
}

.article-share[b-46ap37je7e] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1rem;
margin: 2.5rem 0 0;
padding: 1.5rem 0 0;
border-top: 1px solid var(--color-border);
}

.article-share h2[b-46ap37je7e] {
margin: 0;
color: var(--color-text-secondary);
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: normal;
text-shadow: none;
}

.article-share-actions[b-46ap37je7e] {
display: flex;
align-items: center;
gap: 0.5rem;
}

.article-share-link[b-46ap37je7e],
.article-share-button[b-46ap37je7e] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
background: var(--color-surface);
border: none;
border-radius: 50%;
color: var(--color-text-secondary);
font-size: 0.95rem;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
}

.article-share-link:hover[b-46ap37je7e],
.article-share-link:active[b-46ap37je7e],
.article-share-button:hover[b-46ap37je7e],
.article-share-button:active[b-46ap37je7e] {
background: var(--color-surface-strong);
color: var(--color-primary-hover);
transform: translateY(-2px);
}

.article-share-link:focus-visible[b-46ap37je7e],
.article-share-button:focus-visible[b-46ap37je7e] {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}

.article-share-status[b-46ap37je7e] {
flex-basis: 100%;
min-height: 0;
margin: 0;
color: var(--color-text-muted);
font-size: 0.8rem;
line-height: 1.45;
text-align: right;
}


[b-46ap37je7e] .article-video .youtube {
overflow: hidden;
border-radius: 10px;
}

@media (max-width: 768px) {
.article-hero > .article-hero-content[b-46ap37je7e] {
max-width: 100%;
margin-bottom: 1rem;
}

.article-main[b-46ap37je7e] {
max-width: 100%;
}

.article-newsletter[b-46ap37je7e] {
grid-template-columns: 1fr;
}
}

@media (max-width: 520px) {
.article-hero-content h1[b-46ap37je7e] {
font-size: 2rem;
}
}
/* /Pages/Brand.razor.rz.scp.css */
.brand-section :where(h3, h4, p)[b-j75a8q9wy4] {
margin-top: 0;
}

/* Hero a lišta */

.brand-hero > div[b-j75a8q9wy4] {
max-width: 720px;
}

.brand-toolbar[b-j75a8q9wy4] {
position: sticky;
top: 0.75rem;
z-index: 20;
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.5rem;
padding: 0.4rem;
background: var(--color-header-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft);
backdrop-filter: blur(20px) saturate(160%);
-webkit-backdrop-filter: blur(20px) saturate(160%);
}

.brand-toc[b-j75a8q9wy4] {
display: flex;
flex: 1;
gap: 0.1rem;
overflow-x: auto;
min-width: 0;
scrollbar-width: none;
mask-image: linear-gradient(90deg, #000000 90%, transparent 100%);
-webkit-mask-image: linear-gradient(90deg, #000000 90%, transparent 100%);

a {
display: block;
padding: 0.4rem 0.6rem;
font-family: var(--font-mono);
font-size: 0.74rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-muted);
white-space: nowrap;
background: none;
border-radius: var(--radius-small);
transition: color 0.2s ease, background 0.2s ease;

&:hover {
color: var(--color-text);
background: var(--color-surface-hover);
}
}
}

.brand-variant[b-j75a8q9wy4] {
flex-shrink: 0;
padding: 0.4rem 0.75rem;
font-family: var(--font-mono);
font-size: 0.74rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-primary);
white-space: nowrap;
background: rgba(var(--rgb-primary), 0.08);
border: 1px solid rgba(var(--rgb-primary), 0.24);
border-radius: var(--radius-small);
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;

&:hover {
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.15);
border-color: rgba(var(--rgb-primary), 0.4);
}
}

.brand-variant--md[b-j75a8q9wy4] {
color: var(--color-text-muted);
background: none;
border-color: var(--color-border);

&:hover {
color: var(--color-text);
background: var(--color-surface-hover);
border-color: var(--color-border-strong);
}
}

/* Sekce */

.brand-section-head[b-j75a8q9wy4] {
max-width: 760px;
margin: 0 0 2rem;

h2 {
margin-top: 0.6rem;
padding-bottom: 0;
}

p:last-child[b-j75a8q9wy4] {
margin-top: 0.75rem;
color: var(--color-text-secondary);
}
}

.brand-eyebrow[b-j75a8q9wy4] {
display: flex;
align-items: center;
gap: 0.5rem;
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-primary);
text-transform: uppercase;
letter-spacing: 0.14em;

&::before {
content: "//";
content: "//" / "";
color: var(--color-cta);
letter-spacing: 0;
}
}

.brand-subhead[b-j75a8q9wy4] {
margin: 2.5rem 0 1rem;
font-size: 1.15rem;
font-weight: 600;
}

.spec-list[b-j75a8q9wy4] {
display: grid;
gap: 0.1rem;
margin-top: 1.25rem;

> div {
display: grid;
grid-template-columns: 9rem minmax(0, 1fr);
gap: 1rem;
padding: 0.55rem 0;
border-top: 1px dashed var(--color-form-divider);

@media (max-width: 520px) {
grid-template-columns: 1fr;
gap: 0.15rem;[b-j75a8q9wy4]
}
}

dt[b-j75a8q9wy4] {
padding-top: 0.15rem;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
line-height: 1.6;
color: var(--color-text-subtle);
text-transform: uppercase;
letter-spacing: 0.1em;
}

dd[b-j75a8q9wy4] {
font-size: 0.92rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

.spec-list--columns[b-j75a8q9wy4] {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 0 2rem;

> div {
grid-template-columns: 1fr;
gap: 0.15rem;
}
}

.rule-list[b-j75a8q9wy4] {
display: grid;
gap: 0.4rem;
margin-top: 1.5rem;

li {
font-size: 0.95rem;
line-height: 1.65;
color: var(--color-text-secondary);
}
}

.rule-list[b-j75a8q9wy4]  i {
color: var(--color-primary);
}

.brand-table[b-j75a8q9wy4] {
width: 100%;
margin-top: 1rem;
font-size: 0.9rem;
line-height: 1.5;

th {
padding: 0.6rem 0.75rem 0.6rem 0;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
color: var(--color-text-subtle);
text-align: left;
text-transform: uppercase;
letter-spacing: 0.1em;
border-bottom: 1px solid var(--color-border);
}

td[b-j75a8q9wy4] {
padding: 0.6rem 0.75rem 0.6rem 0;
color: var(--color-text-secondary);
border-bottom: 1px dashed var(--color-form-divider);
}

td:first-child[b-j75a8q9wy4] {
color: var(--color-text);
}
}

/* Princip */

.pillar-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.25rem;
}

.pillar[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
gap: 0.6rem;
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft);

h3 {
font-size: 1.1rem;
}

p[b-j75a8q9wy4] {
font-size: 0.92rem;
line-height: 1.65;
color: var(--color-text-secondary);
}
}

.icon-tile[b-j75a8q9wy4] {
display: inline-grid;
flex-shrink: 0;
place-items: center;
width: 48px;
height: 48px;
font-size: 1.2rem;
color: var(--color-primary);
background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.2) 0%, rgba(var(--rgb-primary-deep), 0.1) 100%);
border: 1px solid rgba(var(--rgb-primary), 0.28);
border-radius: var(--radius-control);
}

.icon-tile--cta[b-j75a8q9wy4] {
color: var(--color-cta-text);
background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-primary-strong) 100%);
border-color: rgba(var(--rgb-cta), 0.8);
box-shadow: 0 8px 22px rgba(var(--rgb-primary-strong), 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.icon-tile--cta[b-j75a8q9wy4]  i {
filter: none;
}

.do-dont[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
margin-top: 1.25rem;

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-j75a8q9wy4]
}

> div {
padding: 1.5rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
}

h3[b-j75a8q9wy4] {
margin-bottom: 0.75rem;
font-size: 1rem;
}

li[b-j75a8q9wy4] {
padding: 0.4rem 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--color-text-secondary);
}

li + li[b-j75a8q9wy4] {
border-top: 1px dashed var(--color-form-divider);
}
}

.do[b-j75a8q9wy4] {
background: rgba(var(--rgb-success), 0.05);
}

.do h3[b-j75a8q9wy4] {
color: var(--color-success);
}

.dont[b-j75a8q9wy4] {
background: rgba(var(--rgb-error), 0.05);
}

.dont h3[b-j75a8q9wy4] {
color: var(--color-error);
}

.dont[b-j75a8q9wy4]  .fa-ban {
color: var(--color-error);
}

.voice[b-j75a8q9wy4] {
margin-top: 2.5rem;

h3 {
font-size: 1.15rem;
}
}

/* Identita */

.identity-grid[b-j75a8q9wy4], .specimen-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.25rem;
}

.specimen[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

figcaption {
padding: 1rem 1.25rem 1.2rem;
font-size: 0.88rem;
line-height: 1.6;
color: var(--color-text-muted);
border-top: 1px solid var(--color-border);
}

figcaption strong[b-j75a8q9wy4] {
display: block;
margin-bottom: 0.2rem;
font-weight: 600;
color: var(--color-text);
}
}

.specimen-stage[b-j75a8q9wy4] {
position: relative;
display: flex;
flex: 1;
align-items: center;
justify-content: center;
gap: 1rem;
min-height: 9rem;
padding: 1.5rem;
}

.specimen-stage--left[b-j75a8q9wy4] {
justify-content: flex-start;
}

.specimen-stage .brand-subtitle[b-j75a8q9wy4] {
display: flex;
}

.status-line[b-j75a8q9wy4] {
display: flex;
align-items: center;
gap: 0.45rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
line-height: 1.3;
color: var(--color-text-muted);
letter-spacing: 0.02em;

&::before {
content: "";
flex-shrink: 0;
width: 6px;
height: 6px;
background: var(--color-success);
border-radius: 50%;
box-shadow: 0 0 0 3px rgba(var(--rgb-success), 0.15), 0 0 10px rgba(var(--rgb-success), 0.7);
animation: status-pulse 2.4s ease-in-out infinite;
}
}

.lockup[b-j75a8q9wy4] {
display: flex;
align-items: center;
gap: 1rem;

img {
width: 4.5rem;
height: 4.5rem;
padding: 3px;
object-fit: cover;
background: conic-gradient(from 200deg, var(--color-cta), var(--color-primary-strong), var(--color-primary-deep), var(--color-cta));
border-radius: 50%;
}

strong[b-j75a8q9wy4] {
display: block;
margin-bottom: 0.3rem;
font-family: var(--font-display);
font-size: 1.35rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.03em;
}
}

.domain-mark[b-j75a8q9wy4] {
font-family: var(--font-mono);
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.02em;
}

.avatar-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.25rem;
}

.avatar-variant[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
padding: 1.25rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

figcaption {
font-size: 0.85rem;
line-height: 1.55;
color: var(--color-text-muted);
}

figcaption strong[b-j75a8q9wy4] {
display: block;
font-weight: 600;
color: var(--color-text);
}
}

.avatar[b-j75a8q9wy4] {
display: block;
object-fit: cover;
border-radius: 50%;
}

.avatar--header[b-j75a8q9wy4] {
width: 2.5rem;
height: 2.5rem;
margin: 0.25rem;
box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 3.5px rgba(var(--rgb-primary-strong), 0.85), 0 6px 18px rgba(0, 0, 0, 0.4);
}

.avatar--footer[b-j75a8q9wy4] {
width: 4rem;
height: 4rem;
padding: 2px;
background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-primary-strong) 100%);
box-shadow: 0 0 0 5px rgba(var(--rgb-primary), 0.07), 0 10px 30px rgba(var(--rgb-primary-strong), 0.25);
}

.avatar--profile[b-j75a8q9wy4] {
width: 6rem;
height: 6rem;
padding: 4px;
background: conic-gradient(from 200deg, var(--color-cta), var(--color-primary-strong), var(--color-primary-deep), var(--color-cta));
box-shadow: var(--shadow-card), 0 0 40px rgba(var(--rgb-primary-strong), 0.25);
}

.plus-chip[b-j75a8q9wy4] {
display: inline-block;
padding: 0.45rem 0.8rem;
font-family: var(--font-display);
font-size: 0.95rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-primary);
letter-spacing: -0.01em;
background: rgba(var(--rgb-primary), 0.07);
border: 1px solid rgba(var(--rgb-primary), 0.18);
border-radius: 10px;
}

/* Barvy */

.color-ratio[b-j75a8q9wy4] {
display: flex;
overflow: hidden;
height: 3.25rem;
margin-bottom: 2rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
border: 1px solid var(--color-border-strong);
border-radius: var(--radius-control);
}

.ratio[b-j75a8q9wy4] {
display: flex;
align-items: flex-end;
padding: 0.5rem 0.65rem;
white-space: nowrap;
}

.ratio--bg[b-j75a8q9wy4] {
flex: 70;
color: var(--color-text-muted);
background: var(--color-bg);
}

.ratio--text[b-j75a8q9wy4] {
flex: 18;
color: var(--color-bg);
background: var(--color-text);
}

.ratio--primary[b-j75a8q9wy4] {
flex: 9;
color: var(--color-bg);
background: var(--color-primary);
}

.ratio--cta[b-j75a8q9wy4] {
flex: 3;
color: var(--color-cta-text);
background: var(--color-cta);
}

.token-group[b-j75a8q9wy4] {
margin-top: 2.5rem;
}

.token-group-head[b-j75a8q9wy4] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25rem 1rem;
margin-bottom: 1rem;

h3 {
font-size: 1.15rem;
}

p[b-j75a8q9wy4] {
font-size: 0.9rem;
color: var(--color-text-muted);
}
}

.swatch-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 1rem;
}

.swatch[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
gap: 0.3rem;

strong {
margin-top: 0.4rem;
font-size: 0.92rem;
font-weight: 600;
}

small[b-j75a8q9wy4] {
font-size: 0.8rem;
line-height: 1.5;
color: var(--color-text-muted);
}
}

.swatch-chip[b-j75a8q9wy4] {
display: block;
height: 4.5rem;
background: var(--swatch);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
}

.swatch-token[b-j75a8q9wy4] {
font-size: 0.75rem;
color: var(--color-primary);
}

.swatch-value[b-j75a8q9wy4] {
font-size: 0.7rem;
line-height: 1.45;
color: var(--color-text-secondary);
overflow-wrap: anywhere;
}

/* Typografie */

.font-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-j75a8q9wy4]
}
}

.font-card[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
gap: 0.6rem;
padding: 1.75rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

h3 {
font-size: 1.35rem;
}

p[b-j75a8q9wy4] {
font-size: 0.92rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

.font-specimen[b-j75a8q9wy4] {
font-family: var(--font-display);
font-size: 4.5rem;
font-weight: 600;
line-height: 1;
letter-spacing: -0.05em;
background: var(--gradient-brand);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.font-card--mono[b-j75a8q9wy4] {
.font-specimen, h3, .font-weights, .font-glyphs {
font-family: var(--font-mono);
}

.font-specimen[b-j75a8q9wy4] {
letter-spacing: -0.02em;
}
}

.font-weights[b-j75a8q9wy4] {
display: flex;
flex-wrap: wrap;
gap: 0.4rem 1.25rem;

span {
font-size: 1.15rem;
color: var(--color-text);
}
}

.w-400[b-j75a8q9wy4] {
font-weight: 400;
}

.w-500[b-j75a8q9wy4] {
font-weight: 500;
}

.w-600[b-j75a8q9wy4] {
font-weight: 600;
}

.w-700[b-j75a8q9wy4] {
font-weight: 700;
}

p.font-glyphs[b-j75a8q9wy4] {
padding-top: 0.75rem;
font-size: 0.85rem;
line-height: 1.7;
color: var(--color-text-muted);
letter-spacing: 0.02em;
border-top: 1px dashed var(--color-form-divider);
}

.type-scale[b-j75a8q9wy4] {
margin-top: 2rem;
}

.type-row[b-j75a8q9wy4] {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
align-items: center;
gap: 0.75rem 2rem;
padding: 1.25rem 0;
border-top: 1px dashed var(--color-form-divider);

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-j75a8q9wy4]
}
}

.type-spec[b-j75a8q9wy4] {
dt {
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
color: var(--color-primary);
text-transform: uppercase;
letter-spacing: 0.1em;
}

dd[b-j75a8q9wy4] {
margin-top: 0.2rem;
font-family: var(--font-mono);
font-size: 0.75rem;
line-height: 1.6;
color: var(--color-text-muted);
}
}

.t-display[b-j75a8q9wy4] {
font-size: clamp(2.1rem, 1.35rem + 2.6vw, 3.25rem);
font-weight: 500;
line-height: 1.1;
color: var(--color-text-secondary);
letter-spacing: -0.04em;
text-wrap: balance;

strong {
font-weight: 700;
background: var(--gradient-brand);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
}

.t-h2[b-j75a8q9wy4] {
font-family: var(--font-display);
font-size: clamp(1.45rem, 1.2rem + 0.9vw, 1.9rem);
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.03em;
}

.t-h3[b-j75a8q9wy4] {
font-family: var(--font-display);
font-size: 1.35rem;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.03em;
}

.t-lead[b-j75a8q9wy4] {
font-size: 1.12rem;
line-height: 1.75;
color: var(--color-text-secondary);
}

.t-body[b-j75a8q9wy4] {
line-height: 1.75;
color: var(--color-text-secondary);
}

.t-small[b-j75a8q9wy4] {
font-size: 0.92rem;
line-height: 1.65;
color: var(--color-text-muted);
}

.t-label[b-j75a8q9wy4] {
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-subtle);
text-transform: uppercase;
letter-spacing: 0.14em;
}

.t-data[b-j75a8q9wy4] {
font-family: var(--font-mono);
font-size: 0.85rem;
font-weight: 500;
color: var(--color-text-muted);
}

.eyebrow-pill[b-j75a8q9wy4] {
display: inline-flex;
align-items: center;
gap: 0.55rem;
padding: 0.3rem 0.8rem;
font-family: var(--font-mono);
font-size: 0.78rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-primary-hover);
text-transform: uppercase;
letter-spacing: 0.08em;
background: rgba(var(--rgb-primary), 0.08);
border: 1px solid rgba(var(--rgb-primary), 0.24);
border-radius: 999px;

&::before {
content: "//";
content: "//" / "";
color: var(--color-cta);
letter-spacing: 0;
}
}

/* Motivy */

.motif-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.25rem;
}

.motif[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

figcaption {
padding: 1rem 1.25rem 1.2rem;
font-size: 0.86rem;
line-height: 1.6;
color: var(--color-text-muted);
border-top: 1px solid var(--color-border);
}

figcaption strong[b-j75a8q9wy4] {
display: block;
margin-bottom: 0.2rem;
font-weight: 600;
color: var(--color-text);
}
}

.motif-stage[b-j75a8q9wy4] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
height: 10rem;
padding: 1.25rem;
background: var(--color-bg);
}

.motif-stage--column[b-j75a8q9wy4] {
flex-direction: column;
align-items: stretch;
}

.motif-stage--pattern[b-j75a8q9wy4]::before {
content: "";
position: absolute;
inset: 0;
background: url("/img/brand/hex-pattern.svg") center top / 60px 103.92px;
opacity: 0.12;
mask-image: radial-gradient(ellipse 85% 90% at 50% 0%, #000000 0%, transparent 85%);
-webkit-mask-image: radial-gradient(ellipse 85% 90% at 50% 0%, #000000 0%, transparent 85%);
}

.motif-stage--felt img[b-j75a8q9wy4] {
width: 100%;
height: 100%;
object-fit: contain;
opacity: 0.8;
}

.motif-stage--aura[b-j75a8q9wy4] {
background: radial-gradient(48% 60% at 74% 32%, rgba(var(--rgb-primary-strong), 0.28) 0%, transparent 70%), radial-gradient(42% 52% at 18% 22%, rgba(var(--rgb-cta), 0.14) 0%, transparent 70%), radial-gradient(38% 46% at 52% 80%, rgba(122, 140, 255, 0.1) 0%, transparent 70%), var(--color-bg);
}

.motif-stage--spot[b-j75a8q9wy4] {
background: radial-gradient(360px circle at 30% 20%, rgba(var(--rgb-primary), 0.2) 0%, transparent 60%), var(--color-surface);
}

.terminal[b-j75a8q9wy4] {
position: relative;
width: min(100%, 15rem);
padding: 1.5rem 0.35rem 0.35rem;
background: linear-gradient(180deg, rgba(32, 36, 44, 0.92) 0%, rgba(18, 21, 26, 0.92) 100%);
border: 1px solid var(--color-border-strong);
border-radius: 18px;
box-shadow: var(--shadow-card);

&::before {
content: "";
position: absolute;
top: 0.55rem;
left: 0.7rem;
width: 0.45rem;
height: 0.45rem;
background: var(--color-error);
border-radius: 50%;
box-shadow: 0.75rem 0 0 var(--color-cta), 1.5rem 0 0 var(--color-success);
opacity: 0.85;
}

&[b-j75a8q9wy4]::after {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: conic-gradient(from var(--border-angle), transparent 0deg, rgba(var(--rgb-cta), 0.9) 50deg, rgba(var(--rgb-primary-strong), 0.6) 90deg, transparent 140deg, transparent 360deg);
border-radius: inherit;
mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
mask-composite: exclude;
-webkit-mask-composite: xor;
animation: border-spin 7s linear infinite;
pointer-events: none;
}
}

.terminal--small[b-j75a8q9wy4] {
width: min(100%, 11rem);
}

.terminal-screen[b-j75a8q9wy4] {
display: grid;
place-items: center;
aspect-ratio: 16 / 9;
font-family: var(--font-mono);
font-size: 0.75rem;
color: var(--color-text-subtle);
background: radial-gradient(circle at 70% 30%, rgba(var(--rgb-primary-strong), 0.25) 0%, transparent 55%), rgba(0, 0, 0, 0.35);
border-radius: 12px;
}

.caret-demo[b-j75a8q9wy4] {
font-family: var(--font-display);
font-size: 2.2rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.04em;

&::after {
content: "";
display: inline-block;
width: 0.08em;
height: 0.82em;
margin-left: 0.14em;
vertical-align: -0.06em;
background: var(--color-cta);
border-radius: 2px;
box-shadow: 0 0 14px rgba(var(--rgb-cta), 0.7);
animation: caret-blink 1.1s steps(1, end) infinite;
}
}

.gradient-text[b-j75a8q9wy4] {
font-family: var(--font-display);
font-size: 2.2rem;
font-weight: 700;
line-height: 1.15;
text-align: center;
letter-spacing: -0.04em;
background: var(--gradient-brand);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.gradient-text--pan[b-j75a8q9wy4] {
background: linear-gradient(100deg, var(--color-cta) 0%, var(--color-primary) 30%, var(--color-primary-strong) 55%, var(--color-primary) 78%, var(--color-cta) 100%);
background-size: 220% auto;
-webkit-background-clip: text;
background-clip: text;
animation: gradient-pan 9s linear infinite;
}

.gradient-line[b-j75a8q9wy4] {
display: block;
height: 1px;
margin: 1.25rem 15% 0;
background: linear-gradient(90deg, transparent 0%, rgba(var(--rgb-cta), 0.75) 35%, rgba(var(--rgb-primary-strong), 0.75) 65%, transparent 100%);
}

.download-row[b-j75a8q9wy4] {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.5rem;
}

/* Layout */

.breakpoints[b-j75a8q9wy4] {
display: grid;
gap: 0.1rem;

div {
display: grid;
grid-template-columns: 8rem minmax(0, 1fr);
gap: 1rem;
padding: 0.6rem 0;
font-size: 0.92rem;
color: var(--color-text-secondary);
border-top: 1px dashed var(--color-form-divider);
}

code[b-j75a8q9wy4] {
color: var(--color-primary);
}
}

.spacing-scale[b-j75a8q9wy4] {
display: grid;
gap: 0.5rem;

div {
display: flex;
align-items: center;
gap: 1rem;
}

code[b-j75a8q9wy4] {
font-size: 0.75rem;
color: var(--color-text-muted);
}
}

.space[b-j75a8q9wy4] {
display: block;
height: 0.75rem;
background: var(--gradient-brand);
border-radius: 2px;
}

.space--025[b-j75a8q9wy4] {
width: 0.25rem;
}

.space--05[b-j75a8q9wy4] {
width: 0.5rem;
}

.space--075[b-j75a8q9wy4] {
width: 0.75rem;
}

.space--1[b-j75a8q9wy4] {
width: 1rem;
}

.space--125[b-j75a8q9wy4] {
width: 1.25rem;
}

.space--15[b-j75a8q9wy4] {
width: 1.5rem;
}

.space--2[b-j75a8q9wy4] {
width: 2rem;
}

.space--3[b-j75a8q9wy4] {
width: 3rem;
}

.space--4[b-j75a8q9wy4] {
width: 4rem;
}

.radius-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
gap: 1.25rem;
}

.radius-item[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
gap: 0.35rem;

code {
margin-top: 0.4rem;
font-size: 0.8rem;
color: var(--color-primary);
}

small[b-j75a8q9wy4] {
font-size: 0.8rem;
line-height: 1.45;
color: var(--color-text-muted);
}
}

.radius-box[b-j75a8q9wy4] {
display: block;
width: 5rem;
height: 3.75rem;
background: rgba(var(--rgb-primary), 0.12);
border: 1px solid rgba(var(--rgb-primary), 0.45);
border-radius: var(--specimen-radius);
}

.radius-box--terminal[b-j75a8q9wy4] {
border-radius: 18px;
}

.radius-box--panel[b-j75a8q9wy4] {
border-radius: 24px;
}

.radius-box--pill[b-j75a8q9wy4] {
height: 2rem;
border-radius: 999px;
}

.radius-box--circle[b-j75a8q9wy4] {
width: 3.75rem;
border-radius: 50%;
}

.shadow-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
}

.shadow-item[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding: 1.25rem;
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--specimen-shadow);

strong {
font-weight: 600;
}

code[b-j75a8q9wy4] {
font-size: 0.75rem;
color: var(--color-primary);
}

small[b-j75a8q9wy4] {
font-size: 0.8rem;
line-height: 1.45;
color: var(--color-text-muted);
}
}

.grid-demos[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.25rem;

figcaption {
margin-top: 0.6rem;
font-size: 0.85rem;
color: var(--color-text-muted);
}
}

.grid-demo[b-j75a8q9wy4] {
display: grid;
gap: 0.35rem;
height: 5.5rem;

span {
display: grid;
place-items: center;
font-family: var(--font-mono);
font-size: 0.7rem;
color: var(--color-text-muted);
background: rgba(var(--rgb-primary), 0.1);
border: 1px dashed rgba(var(--rgb-primary), 0.4);
border-radius: 6px;
}
}

.grid-demo--hero[b-j75a8q9wy4] {
grid-template-columns: 10fr 8fr;
}

.grid-demo--services[b-j75a8q9wy4] {
grid-template-columns: repeat(5, 1fr);

span:nth-child(1), span:nth-child(4) {
grid-column: span 3;
}

span:nth-child(2)[b-j75a8q9wy4], span:nth-child(3)[b-j75a8q9wy4] {
grid-column: span 2;
}
}

.grid-demo--three[b-j75a8q9wy4] {
grid-template-columns: repeat(3, 1fr);
}

/* Komponenty */

.component + .component[b-j75a8q9wy4] {
margin-top: 1rem;
}

.specimen-row[b-j75a8q9wy4] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1rem;
}

.specimen-box[b-j75a8q9wy4] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
}

.specimen-text[b-j75a8q9wy4] {
font-size: 1rem;
line-height: 1.75;
color: var(--color-text-secondary);
}

.icon-link[b-j75a8q9wy4] {
--link-underline-offset: calc(1.25em + 0.5rem);
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-family: var(--font-mono);
font-size: 0.9rem;
}

.nav-demo[b-j75a8q9wy4] {
display: flex;
flex-wrap: wrap;
gap: 0.2rem;

a {
display: block;
padding: 0.45rem 0.8rem;
font-family: var(--font-display);
font-size: 0.95rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-secondary);
letter-spacing: -0.01em;
background: none;
border: 1px solid transparent;
border-radius: 10px;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;

&:hover {
color: var(--color-text);
background: var(--color-surface-hover);
}

&.active[b-j75a8q9wy4] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.12);
border-color: rgba(var(--rgb-primary), 0.28);
}
}

a.nav-demo-plus[b-j75a8q9wy4] {
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.07);
border-color: rgba(var(--rgb-primary), 0.18);

&:hover {
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.15);
border-color: rgba(var(--rgb-primary), 0.35);
}
}
}

.component[b-j75a8q9wy4]  .tabs {
margin: 0;
}

.component[b-j75a8q9wy4]  .tabs-content {
min-height: 0;
}

.tab-demo-text[b-j75a8q9wy4] {
padding: 1.25rem 0 0;
font-size: 0.95rem;
color: var(--color-text-secondary);
}

.tag[b-j75a8q9wy4] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.15rem 0.65rem;
font-family: var(--font-mono);
font-size: 0.75rem;
line-height: 1.5;
color: var(--color-text-muted);
white-space: nowrap;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 999px;
}

.tag--success[b-j75a8q9wy4] {
color: var(--color-success);
background: rgba(var(--rgb-success), 0.1);
border-color: rgba(var(--rgb-success), 0.28);
}

.tag--success[b-j75a8q9wy4]  i {
color: var(--color-success);
text-shadow: none;
}

.tag--primary[b-j75a8q9wy4] {
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.12);
border-color: rgba(var(--rgb-primary), 0.3);
}

.tag--live[b-j75a8q9wy4] {
color: var(--color-live);
background: rgba(var(--rgb-live), 0.1);
border-color: rgba(var(--rgb-live), 0.3);
}

.live-dot[b-j75a8q9wy4] {
width: 6px;
height: 6px;
background: var(--color-live);
border-radius: 50%;
box-shadow: 0 0 8px rgba(var(--rgb-live), 0.8);
animation: status-pulse 1.6s ease-in-out infinite;
}

.card-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 1.25rem;
}

.card[b-j75a8q9wy4] {
position: relative;
display: flex;
flex-direction: column;
gap: 0.65rem;
padding: 1.5rem;
color: inherit;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft);

h4 {
font-size: 1.1rem;
font-weight: 600;
transition: color 0.2s ease;
}

p[b-j75a8q9wy4] {
font-size: 0.92rem;
line-height: 1.65;
color: var(--color-text-secondary);
}
}

.card--link[b-j75a8q9wy4] {
overflow: hidden;
isolation: isolate;
padding-bottom: 2.75rem;
color: var(--color-text);
background: radial-gradient(420px circle at 90% 0%, rgba(var(--rgb-primary), 0.12) 0%, transparent 60%), var(--color-surface);
transition: transform 0.35s var(--ease-out), border-color 0.3s ease, box-shadow 0.3s ease;

&::after {
content: "\2192";
content: "\2192" / "";
position: absolute;
right: 1.4rem;
bottom: 1rem;
font-family: var(--font-mono);
font-size: 1.1rem;
line-height: 1;
color: var(--color-primary);
opacity: 0.55;
transition: transform 0.35s var(--ease-out), opacity 0.3s ease, color 0.3s ease;
}

&:hover[b-j75a8q9wy4] {
color: var(--color-text);
border-color: rgba(var(--rgb-primary), 0.35);
box-shadow: var(--shadow-card);
transform: translateY(-4px);
}

&:hover[b-j75a8q9wy4]::after {
color: var(--color-cta);
opacity: 1;
transform: translateX(6px);
}

&:hover h4[b-j75a8q9wy4] {
color: var(--color-primary-hover);
}
}

.card--featured[b-j75a8q9wy4] {
background: linear-gradient(150deg, rgba(var(--rgb-primary), 0.16) 0%, rgba(var(--rgb-primary-deep), 0.08) 55%, var(--color-surface) 100%);
border-color: rgba(var(--rgb-primary), 0.28);
}

.card--quote[b-j75a8q9wy4] {
&::before {
content: "\201C";
content: "\201C" / "";
display: block;
height: 1.6rem;
font-family: var(--font-display);
font-size: 3.6rem;
font-weight: 700;
line-height: 1;
color: var(--color-primary);
opacity: 0.85;
}

p[b-j75a8q9wy4] {
flex-grow: 1;
}

footer[b-j75a8q9wy4] {
padding-top: 0.9rem;
font-family: var(--font-mono);
font-size: 0.75rem;
color: var(--color-text-muted);
border-top: 1px dashed var(--color-form-divider);
}
}

.card--quote footer[b-j75a8q9wy4]  i {
margin-right: 1px;
font-size: 0.75rem;
}

.check-list li[b-j75a8q9wy4] {
display: flex;
align-items: baseline;
gap: 0.2rem;
padding: 0.2rem 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

.steps-demo[b-j75a8q9wy4] {
display: grid;
gap: 0.6rem;
padding-top: 1rem;
border-top: 1px dashed var(--color-form-divider);

li {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 0.95rem;
color: var(--color-text-secondary);
}

span[b-j75a8q9wy4] {
display: inline-grid;
flex-shrink: 0;
place-items: center;
width: 2.25rem;
height: 2.25rem;
font-family: var(--font-mono);
font-weight: 700;
color: var(--color-cta-text);
background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-cta-strong) 100%);
border-radius: 10px;
box-shadow: 0 6px 18px rgba(var(--rgb-cta), 0.3);
}
}

.message-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
}

.toast[b-j75a8q9wy4] {
padding: 0.9rem 1.4rem;
font-size: 0.92rem;
line-height: 1.55;
color: var(--color-text);
background: var(--color-header-bg);
border: 1px solid var(--color-border-strong);
border-left: 3px solid var(--color-cta);
border-radius: var(--radius-control);
box-shadow: var(--shadow-card);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}

.callout[b-j75a8q9wy4] {
padding: 0.9rem 1.2rem;
font-size: 0.92rem;
line-height: 1.55;
color: var(--color-text-secondary);
background: rgba(var(--rgb-primary), 0.08);
border-left: 3px solid var(--color-primary-strong);
border-radius: var(--radius-small);

strong {
color: var(--color-text);
}
}

.state[b-j75a8q9wy4] {
display: flex;
align-items: center;
gap: 0.6rem;
padding: 0.8rem 1rem;
font-size: 0.92rem;
line-height: 1.5;
border-radius: var(--radius-control);
}

.state--success[b-j75a8q9wy4] {
color: var(--color-success);
background: rgba(var(--rgb-success), 0.1);
border: 1px solid rgba(var(--rgb-success), 0.28);
}

.state--error[b-j75a8q9wy4] {
color: var(--color-error);
background: rgba(var(--rgb-error), 0.1);
border: 1px solid rgba(var(--rgb-error), 0.3);
}

.state[b-j75a8q9wy4]  i {
color: inherit;
text-shadow: none;
}

.code-block[b-j75a8q9wy4] {
overflow-x: auto;
margin-top: 1rem;
padding: 1rem 1.25rem;
font-family: var(--font-mono);
font-size: 0.85rem;
line-height: 1.7;
color: var(--color-text-secondary);
white-space: pre;
background: rgba(0, 0, 0, 0.28);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
}

.code-comment[b-j75a8q9wy4] {
color: var(--color-text-subtle);
}

/* Ikony */

.icon-meaning[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 0.75rem 1.5rem;
margin-bottom: 1.5rem;

div {
display: grid;
grid-template-columns: 1.75rem minmax(0, 1fr);
align-items: baseline;
gap: 0.1rem 0.5rem;
padding: 0.6rem 0;
border-top: 1px dashed var(--color-form-divider);
}

strong[b-j75a8q9wy4] {
font-family: var(--font-mono);
font-size: 0.85rem;
font-weight: 600;
}

span[b-j75a8q9wy4] {
grid-column: 2;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-muted);
}
}

.icon-meaning[b-j75a8q9wy4]  i {
grid-row: span 2;
font-size: 1.1rem;
}

.icon-meaning[b-j75a8q9wy4]  :is(.fa-calendar-days, .fa-angles-right, .fa-award) {
color: var(--color-primary);
}

.specimen-stage--watermark[b-j75a8q9wy4] {
overflow: hidden;
}

.watermark[b-j75a8q9wy4] {
position: absolute;
top: -1rem;
right: -1rem;
font-size: 8.5rem;
line-height: 1;
color: var(--color-primary);
opacity: 0.07;
transform: rotate(-12deg);
}

.icon-catalog[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
gap: 0.5rem;

div {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
padding: 0.9rem 0.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
}

code[b-j75a8q9wy4] {
font-size: 0.72rem;
color: var(--color-text-muted);
}
}

.icon-catalog[b-j75a8q9wy4]  i {
font-size: 1.2rem;
color: var(--color-primary);
}

/* Pohyb */

.motion-grid[b-j75a8q9wy4] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.25rem;
margin-bottom: 1.5rem;
}

.easing-curve[b-j75a8q9wy4] {
width: 100%;
max-width: 8rem;
height: auto;
overflow: visible;
}

.easing-axis[b-j75a8q9wy4] {
fill: none;
stroke: var(--color-border-strong);
stroke-width: 1;
vector-effect: non-scaling-stroke;
}

.easing-line[b-j75a8q9wy4] {
fill: none;
stroke: var(--color-cta);
stroke-width: 2.5;
stroke-linecap: round;
vector-effect: non-scaling-stroke;
}
/* /Pages/BrandLight.razor.rz.scp.css */
/* Paleta Light zrcadlí data v BrandLight.razor.cs. Názvy odpovídají tokenům webu,
   proto se globální styly (odkazy, ikony) uvnitř stránky přebarví samy. */
.light-page[b-5z1yjq971t] {
--color-bg: #FFFFFF;
--color-surface: #F7F3EE;
--color-border: #E6DFD7;
--color-border-strong: #D2CAC0;
--color-text: #101216;
--color-text-secondary: #33373E;
--color-text-muted: #6B645C;
--color-text-subtle: #8A8279;
--color-primary: #A94F2A;
--color-primary-hover: #101216;
--color-primary-strong: #C2643B;
--color-primary-tint: #FAF0EA;
--color-highlight: #FFE7A9;
--color-cta: #FFC940;
--color-success: #1A7442;
--color-success-tint: #EAF5EE;
--color-warning: #8F6400;
--color-warning-tint: #FFF6DC;
--color-error: #C2382B;
--color-error-tint: #FCEDEB;
--gradient-brand: linear-gradient(90deg, #FFC940 0%, #F58A57 55%, #C2643B 100%);
--link-color: var(--color-primary);
position: relative;
isolation: isolate;
margin-top: -20px;
margin-bottom: -20px;
padding-top: 20px;
color: var(--color-text);
background: var(--color-bg);
box-shadow: 0 0 0 100vmax var(--color-bg);
clip-path: inset(0 -100vmax);

&::before {
content: "";
position: absolute;
top: 0;
left: 50%;
z-index: -1;
width: 100vw;
height: 34rem;
background: url("/img/brand/hex-pattern-light.svg") center top / 60px 103.92px;
mask-image: radial-gradient(ellipse 70% 100% at 50% 0%, #000000 0%, transparent 80%);
-webkit-mask-image: radial-gradient(ellipse 70% 100% at 50% 0%, #000000 0%, transparent 80%);
translate: -50% 0;
pointer-events: none;
}
}

.light-page[b-5z1yjq971t]  i {
filter: none;
text-shadow: none;
}

.light-page :focus-visible[b-5z1yjq971t] {
outline-color: var(--color-primary);
}

/* Na papíře nejde najet myší, proto je textový odkaz podtržený trvale */
.light-hero a[b-5z1yjq971t], .specimen-text a[b-5z1yjq971t] {
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: rgba(169, 79, 42, 0.45);
text-underline-offset: 0.2em;
background: none;
transition: color 0.2s ease, text-decoration-color 0.2s ease;

&:hover {
text-decoration-color: currentColor;
}
}

.brand-section :where(h3, h4, p)[b-5z1yjq971t] {
margin-top: 0;
}

/* Hero a lišta */

.light-hero[b-5z1yjq971t] {
position: relative;
padding-top: 2.5rem;
padding-bottom: 3rem;

&::after {
content: "";
position: absolute;
top: -1rem;
right: -1.5rem;
z-index: -1;
width: 360px;
height: 359px;
background: url("/img/brand/hex-cluster-light.svg") right top / contain no-repeat;
pointer-events: none;

@media (max-width: 768px) {
width: 200px;
height: 199px;
opacity: 0.6;[b-5z1yjq971t]
}
}

> div[b-5z1yjq971t] {
max-width: 640px;
}

h1[b-5z1yjq971t] {
font-weight: 600;
color: var(--color-text);
}

h1 small[b-5z1yjq971t] {
display: flex;
align-items: center;
gap: 0.55rem;
margin-bottom: 1.1rem;
font-family: var(--font-mono);
font-size: 0.78rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-primary);
text-transform: uppercase;
letter-spacing: 0.1em;

&::before {
content: "//";
content: "//" / "";
color: var(--color-primary-strong);
letter-spacing: 0;
}
}

h1 strong[b-5z1yjq971t] {
font-weight: 700;
color: var(--color-primary);
}

p[b-5z1yjq971t] {
font-size: 1.12rem;
line-height: 1.7;
color: var(--color-text-secondary);
}

p.light-hero-note[b-5z1yjq971t] {
margin-top: 1rem;
font-size: 0.92rem;
color: var(--color-text-muted);
}
}

.brand-toolbar[b-5z1yjq971t] {
position: sticky;
top: 0.75rem;
z-index: 20;
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.5rem;
padding: 0.4rem;
background: rgba(255, 255, 255, 0.9);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}

.brand-toc[b-5z1yjq971t] {
display: flex;
flex: 1;
gap: 0.1rem;
overflow-x: auto;
min-width: 0;
scrollbar-width: none;
mask-image: linear-gradient(90deg, #000000 90%, transparent 100%);
-webkit-mask-image: linear-gradient(90deg, #000000 90%, transparent 100%);

a {
display: block;
padding: 0.4rem 0.6rem;
font-family: var(--font-mono);
font-size: 0.74rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-muted);
white-space: nowrap;
background: none;
border-radius: var(--radius-small);
transition: color 0.2s ease, background 0.2s ease;

&:hover {
color: var(--color-text);
background: var(--color-surface);
}
}
}

.brand-variant[b-5z1yjq971t] {
flex-shrink: 0;
padding: 0.4rem 0.75rem;
font-family: var(--font-mono);
font-size: 0.74rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-primary);
white-space: nowrap;
background: var(--color-primary-tint);
border: 1px solid rgba(194, 100, 59, 0.3);
border-radius: var(--radius-small);
transition: color 0.2s ease, border-color 0.2s ease;

&:hover {
color: var(--color-text);
border-color: var(--color-primary-strong);
}
}

.brand-variant--md[b-5z1yjq971t] {
color: var(--color-text-muted);
background: none;
border-color: var(--color-border);

&:hover {
color: var(--color-text);
border-color: var(--color-border-strong);
}
}

/* Sekce */

.brand-section-head[b-5z1yjq971t] {
max-width: 760px;
margin: 0 0 2rem;

h2 {
margin-top: 0.6rem;
padding-bottom: 0;
color: var(--color-text);
}

p:last-child[b-5z1yjq971t] {
margin-top: 0.75rem;
color: var(--color-text-secondary);
}
}

.brand-eyebrow[b-5z1yjq971t] {
display: flex;
align-items: center;
gap: 0.5rem;
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-primary);
text-transform: uppercase;
letter-spacing: 0.1em;

&::before {
content: "//";
content: "//" / "";
color: var(--color-primary-strong);
letter-spacing: 0;
}
}

.brand-subhead[b-5z1yjq971t] {
margin: 2.5rem 0 1rem;
font-size: 1.15rem;
font-weight: 600;
}

.spec-list[b-5z1yjq971t] {
display: grid;
gap: 0.1rem;
margin-top: 1.25rem;

> div {
display: grid;
grid-template-columns: 9rem minmax(0, 1fr);
gap: 1rem;
padding: 0.55rem 0;
border-top: 1px solid var(--color-border);

@media (max-width: 520px) {
grid-template-columns: 1fr;
gap: 0.15rem;[b-5z1yjq971t]
}
}

dt[b-5z1yjq971t] {
padding-top: 0.15rem;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
line-height: 1.6;
color: var(--color-text-subtle);
text-transform: uppercase;
letter-spacing: 0.1em;
}

dd[b-5z1yjq971t] {
font-size: 0.92rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

.rule-list[b-5z1yjq971t] {
display: grid;
gap: 0.4rem;
margin-top: 1.5rem;

li {
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

.rule-list[b-5z1yjq971t]  i, .list-arrows[b-5z1yjq971t]  i {
color: var(--color-primary-strong);
}

.brand-table[b-5z1yjq971t], .light-table[b-5z1yjq971t] {
width: 100%;
margin-top: 1rem;
font-size: 0.9rem;
line-height: 1.5;

th {
padding: 0.6rem 0.75rem 0.6rem 0;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
color: var(--color-text-subtle);
text-align: left;
text-transform: uppercase;
letter-spacing: 0.1em;
border-bottom: 1px solid var(--color-border-strong);
}

td[b-5z1yjq971t] {
padding: 0.6rem 0.75rem 0.6rem 0;
color: var(--color-text-secondary);
border-bottom: 1px solid var(--color-border);
}
}

.brand-table td:first-child[b-5z1yjq971t] {
color: var(--color-text);
}

/* Princip */

.derivation[b-5z1yjq971t] {
display: grid;
border-top: 1px solid var(--color-border);
}

.derivation-row[b-5z1yjq971t] {
display: grid;
grid-template-columns: 2.25rem minmax(0, 1fr) 1.5rem 2.25rem minmax(0, 1fr) minmax(0, 1.4fr);
align-items: center;
gap: 0.75rem;
padding: 0.75rem 0;
border-bottom: 1px solid var(--color-border);

@media (max-width: 768px) {
grid-template-columns: 2.25rem minmax(0, 1fr) 1.25rem 2.25rem minmax(0, 1fr);[b-5z1yjq971t]
}

p {
font-size: 0.9rem;
line-height: 1.5;
color: var(--color-text-secondary);

@media (max-width: 768px) {
grid-column: 1 / -1;[b-5z1yjq971t]
}
}
}

.derivation-chip[b-5z1yjq971t] {
display: block;
width: 2.25rem;
height: 2.25rem;
background: var(--chip);
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
}

.derivation-color[b-5z1yjq971t] {
display: flex;
flex-direction: column;
min-width: 0;

small {
font-family: var(--font-mono);
font-size: 0.62rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-subtle);
text-transform: uppercase;
letter-spacing: 0.1em;
}

strong[b-5z1yjq971t] {
font-size: 0.9rem;
font-weight: 600;
line-height: 1.35;
}

code[b-5z1yjq971t] {
font-size: 0.72rem;
color: var(--color-text-muted);
}
}

.derivation-arrow[b-5z1yjq971t] {
font-family: var(--font-mono);
color: var(--color-primary-strong);
text-align: center;
}

.usage-grid[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.25rem;
}

.usage[b-5z1yjq971t] {
display: flex;
flex-direction: column;
gap: 0.6rem;
padding: 1.5rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

h4 {
font-size: 1.05rem;
font-weight: 600;
}

p[b-5z1yjq971t] {
font-size: 0.92rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

.icon-tile[b-5z1yjq971t] {
display: inline-grid;
flex-shrink: 0;
place-items: center;
width: 40px;
height: 40px;
font-size: 1.05rem;
color: var(--color-primary-strong);
background: var(--color-primary-tint);
border: 1px solid rgba(194, 100, 59, 0.25);
border-radius: 10px;
}

.do-dont[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
margin-top: 1.25rem;

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-5z1yjq971t]
}

> div {
padding: 1.5rem;
border: 1px solid var(--color-border);
border-top-width: 3px;
border-radius: var(--radius-card);
}

h3[b-5z1yjq971t] {
margin-bottom: 0.75rem;
font-size: 1rem;
}

li[b-5z1yjq971t] {
padding: 0.4rem 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--color-text-secondary);
}

li + li[b-5z1yjq971t] {
border-top: 1px solid var(--color-border);
}
}

.do-dont > .do[b-5z1yjq971t] {
border-top-color: var(--color-success);
}

.do h3[b-5z1yjq971t] {
color: var(--color-success);
}

.do-dont > .dont[b-5z1yjq971t] {
border-top-color: var(--color-error);
}

.dont h3[b-5z1yjq971t], .dont[b-5z1yjq971t]  i {
color: var(--color-error);
}

/* Barvy */

.color-ratio[b-5z1yjq971t] {
display: flex;
overflow: hidden;
height: 3.25rem;
margin-bottom: 2rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
border: 1px solid var(--color-border-strong);
border-radius: var(--radius-control);
}

.ratio[b-5z1yjq971t] {
display: flex;
align-items: flex-end;
padding: 0.5rem 0.65rem;
white-space: nowrap;
}

.ratio--paper[b-5z1yjq971t] {
flex: 78;
color: var(--color-text-muted);
background: var(--color-bg);
}

.ratio--text[b-5z1yjq971t] {
flex: 17;
color: var(--color-bg);
background: var(--color-text);
}

.ratio--primary[b-5z1yjq971t] {
flex: 4;
color: var(--color-bg);
background: var(--color-primary);
}

.ratio--gold[b-5z1yjq971t] {
flex: 1;
padding: 0;
background: var(--color-cta);
}

.token-group[b-5z1yjq971t] {
margin-top: 2.5rem;
}

.token-group-head[b-5z1yjq971t] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25rem 1rem;
margin-bottom: 1rem;

h3 {
font-size: 1.15rem;
}

p[b-5z1yjq971t] {
font-size: 0.9rem;
color: var(--color-text-muted);
}
}

.swatch-grid[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 1rem;
}

.swatch[b-5z1yjq971t] {
display: flex;
flex-direction: column;
gap: 0.3rem;

strong {
margin-top: 0.4rem;
font-size: 0.92rem;
font-weight: 600;
}

small[b-5z1yjq971t] {
font-size: 0.8rem;
line-height: 1.5;
color: var(--color-text-muted);
}
}

.swatch-chip[b-5z1yjq971t] {
display: block;
height: 4.5rem;
background: var(--swatch);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
}

.swatch-chip--pair[b-5z1yjq971t] {
background: linear-gradient(90deg, var(--swatch) 0 50%, var(--swatch-tint) 50% 100%);
}

.swatch-token[b-5z1yjq971t] {
font-size: 0.75rem;
color: var(--color-primary);
}

.swatch-value[b-5z1yjq971t] {
font-size: 0.7rem;
line-height: 1.45;
color: var(--color-text-secondary);
overflow-wrap: anywhere;
}

/* Typografie */

.type-scale[b-5z1yjq971t] {
border-bottom: 1px solid var(--color-border);
}

.type-row[b-5z1yjq971t] {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
align-items: center;
gap: 0.75rem 2rem;
padding: 1.25rem 0;
border-top: 1px solid var(--color-border);

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-5z1yjq971t]
}
}

.type-spec[b-5z1yjq971t] {
dt {
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
color: var(--color-primary);
text-transform: uppercase;
letter-spacing: 0.1em;
}

dd[b-5z1yjq971t] {
margin-top: 0.2rem;
font-family: var(--font-mono);
font-size: 0.75rem;
line-height: 1.6;
color: var(--color-text-muted);
}
}

.type-sizes[b-5z1yjq971t] {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;

span {
padding: 0 0.45rem;
color: var(--color-text-secondary);
background: var(--color-surface);
border-radius: 4px;
}
}

.t-title[b-5z1yjq971t] {
font-family: var(--font-display);
font-size: 2.5rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.035em;
text-wrap: balance;

strong {
color: var(--color-primary);
}

@media (max-width: 520px) {
font-size: 2rem;[b-5z1yjq971t]
}
}

.t-h2[b-5z1yjq971t] {
font-family: var(--font-display);
font-size: 1.6rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.03em;
}

.t-h3[b-5z1yjq971t] {
font-family: var(--font-display);
font-size: 1.2rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.02em;
}

.t-lead[b-5z1yjq971t] {
font-size: 1.15rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

.t-body[b-5z1yjq971t] {
font-size: 1rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

.t-caption[b-5z1yjq971t] {
font-size: 0.875rem;
line-height: 1.5;
color: var(--color-text-muted);
}

.t-label[b-5z1yjq971t] {
display: block;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-subtle);
text-transform: uppercase;
letter-spacing: 0.12em;
}

.t-code[b-5z1yjq971t] {
font-family: var(--font-mono);
font-size: 0.875rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

/* Motivy */

.motif-grid[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.25rem;
}

.motif[b-5z1yjq971t], .specimen[b-5z1yjq971t] {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

figcaption {
padding: 1rem 1.25rem 1.2rem;
font-size: 0.86rem;
line-height: 1.6;
color: var(--color-text-muted);
border-top: 1px solid var(--color-border);
}

figcaption strong[b-5z1yjq971t] {
display: block;
margin-bottom: 0.2rem;
font-weight: 600;
color: var(--color-text);
}
}

.motif-stage[b-5z1yjq971t], .specimen-stage[b-5z1yjq971t] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
overflow: hidden;
height: 10rem;
padding: 1.25rem;
background: var(--color-bg);
}

.motif-stage--column[b-5z1yjq971t] {
flex-direction: column;
align-items: stretch;
}

.motif-stage--pattern[b-5z1yjq971t]::before {
content: "";
position: absolute;
inset: 0;
background: url("/img/brand/hex-pattern-light.svg") center top / 60px 103.92px;
mask-image: radial-gradient(ellipse 85% 100% at 50% 0%, #000000 0%, transparent 85%);
-webkit-mask-image: radial-gradient(ellipse 85% 100% at 50% 0%, #000000 0%, transparent 85%);
}

.motif-stage--felt img[b-5z1yjq971t] {
width: 100%;
height: 100%;
object-fit: contain;
}

.motif-stage--sheet[b-5z1yjq971t] {
align-items: flex-start;
padding-bottom: 0;
background: var(--color-surface);
}

.sheet[b-5z1yjq971t] {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 1.25rem 1rem;
background: var(--color-bg);
border: 1px solid var(--color-border);
border-bottom: 0;
}

.sheet-line[b-5z1yjq971t] {
display: block;
height: 4px;
margin: -1.25rem -1rem 1.25rem;
background: var(--gradient-brand);
}

.sheet-title[b-5z1yjq971t] {
font-family: var(--font-display);
font-size: 1.3rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.03em;
}

.sheet-rule[b-5z1yjq971t] {
display: block;
width: 3rem;
height: 2px;
margin-top: 0.6rem;
background: var(--gradient-brand);
}

.marker-demo[b-5z1yjq971t] {
font-size: 1.05rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

mark[b-5z1yjq971t] {
color: inherit;
background: linear-gradient(transparent 40%, var(--color-highlight) 40%);
}

.page-footer[b-5z1yjq971t] {
display: flex;
justify-content: space-between;
margin-top: auto;
padding-top: 0.6rem;
font-family: var(--font-mono);
font-size: 0.8rem;
border-top: 1px solid var(--color-border);

span:first-child {
font-weight: 600;
color: var(--color-text);
}

span:last-child[b-5z1yjq971t] {
color: var(--color-text-subtle);
}
}

.download-row[b-5z1yjq971t] {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.5rem;
}

.download[b-5z1yjq971t] {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.6rem 1rem;
font-family: var(--font-mono);
font-size: 0.8rem;
font-weight: 500;
color: var(--color-primary);
background: var(--color-primary-tint);
border: 1px solid rgba(194, 100, 59, 0.3);
border-radius: var(--radius-control);
transition: color 0.2s ease, border-color 0.2s ease;

&:hover {
color: var(--color-text);
border-color: var(--color-primary-strong);
}
}

/* Boxy */

.alert-grid[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1rem;
}

.alert[b-5z1yjq971t] {
--alert-color: var(--color-text);
--alert-tint: var(--color-surface);
display: grid;
grid-template-columns: 1rem minmax(0, 1fr);
gap: 0.7rem;
padding: 0.9rem 1.1rem;
background: var(--alert-tint);
border-left: 3px solid var(--alert-color);
border-radius: var(--radius-small);

strong {
display: block;
margin-bottom: 0.15rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 600;
line-height: 1.6;
color: var(--alert-color);
text-transform: uppercase;
letter-spacing: 0.1em;
}

p[b-5z1yjq971t] {
font-size: 0.95rem;
line-height: 1.55;
color: var(--color-text-secondary);
}
}

.alert[b-5z1yjq971t]  i {
padding-top: 0.2rem;
font-size: 1rem;
color: var(--alert-color);
}

.alert--note[b-5z1yjq971t] {
border-left-color: var(--color-border-strong);
}

.alert--tip[b-5z1yjq971t] {
--alert-color: var(--color-primary);
--alert-tint: var(--color-primary-tint);
border-left-color: var(--color-primary-strong);
}

.alert--warning[b-5z1yjq971t] {
--alert-color: var(--color-warning);
--alert-tint: var(--color-warning-tint);
}

.alert--error[b-5z1yjq971t] {
--alert-color: var(--color-error);
--alert-tint: var(--color-error-tint);
}

.alert--success[b-5z1yjq971t] {
--alert-color: var(--color-success);
--alert-tint: var(--color-success-tint);
}

.box-grid[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
}

.box-frame[b-5z1yjq971t], .box-summary[b-5z1yjq971t] {
display: flex;
flex-direction: column;
gap: 0.6rem;
padding: 1.25rem;
border-radius: var(--radius-control);

p {
font-size: 0.95rem;
line-height: 1.55;
color: var(--color-text-secondary);
}
}

.box-frame[b-5z1yjq971t] {
border: 1px solid var(--color-border-strong);
}

.box-summary[b-5z1yjq971t] {
background: var(--color-surface);
}

.box-quote[b-5z1yjq971t] {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.75rem;
padding: 0.5rem 0 0.5rem 1.25rem;
border-left: 2px solid var(--color-primary-strong);

p {
font-family: var(--font-display);
font-size: 1.3rem;
font-weight: 500;
line-height: 1.35;
letter-spacing: -0.02em;
text-wrap: balance;
}

footer[b-5z1yjq971t] {
margin: 0;
font-family: var(--font-mono);
font-size: 0.75rem;
color: var(--color-text-muted);
}
}

.compare[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-top: 1rem;

@media (max-width: 520px) {
grid-template-columns: 1fr;[b-5z1yjq971t]
}
}

.compare-col[b-5z1yjq971t] {
display: flex;
flex-direction: column;
gap: 0.4rem;
padding: 1rem 1.25rem;
border: 1px solid var(--color-border);
border-top: 3px solid var(--compare-color);
border-radius: var(--radius-control);

p {
font-size: 0.95rem;
line-height: 1.55;
color: var(--color-text-secondary);
}
}

.compare-col--do[b-5z1yjq971t] {
--compare-color: var(--color-success);
}

.compare-col--dont[b-5z1yjq971t] {
--compare-color: var(--color-error);
}

.compare-head[b-5z1yjq971t] {
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 600;
line-height: 1.6;
color: var(--compare-color);
text-transform: uppercase;
letter-spacing: 0.1em;
}

.compare-head[b-5z1yjq971t]  i {
margin-right: 0.3rem;
color: inherit;
}

/* Prvky v textu */

.specimen-box[b-5z1yjq971t] {
padding: 1.5rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
}

.specimen-text[b-5z1yjq971t] {
font-size: 1rem;
line-height: 1.6;
color: var(--color-text-secondary);

strong {
font-weight: 600;
color: var(--color-text);
}

code[b-5z1yjq971t] {
padding: 0.1em 0.35em;
font-size: 0.9em;
color: var(--color-text);
background: var(--color-surface);
border-radius: 4px;
}

kbd[b-5z1yjq971t] {
padding: 0.05em 0.4em;
font-family: var(--font-mono);
font-size: 0.85em;
color: var(--color-text);
border: 1px solid var(--color-border-strong);
border-bottom-width: 2px;
border-radius: 4px;
}
}

.specimen-text[b-5z1yjq971t]  i {
margin-right: 0.4em;
color: var(--color-text);
}

.list-grid[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem 2rem;
}

.list-arrows li[b-5z1yjq971t], .list-check li[b-5z1yjq971t], .list-steps li[b-5z1yjq971t] {
display: flex;
align-items: baseline;
gap: 0.2rem;
padding: 0.2rem 0;
font-size: 0.95rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

.list-steps[b-5z1yjq971t] {
display: grid;
gap: 0.5rem;

li {
align-items: center;
gap: 0.75rem;
padding: 0;
}

span[b-5z1yjq971t] {
display: inline-grid;
flex-shrink: 0;
place-items: center;
width: 1.75rem;
height: 1.75rem;
font-family: var(--font-mono);
font-size: 0.85rem;
font-weight: 700;
color: var(--color-text);
background: var(--color-cta);
border-radius: 6px;
}
}

.light-table[b-5z1yjq971t] {
.num {
font-family: var(--font-mono);
font-size: 0.85rem;
white-space: nowrap;
}

.is-highlight td[b-5z1yjq971t] {
color: var(--color-text);
background: var(--color-surface);
}

td:first-child[b-5z1yjq971t], th:first-child[b-5z1yjq971t] {
padding-left: 0.75rem;
}
}

.code-block[b-5z1yjq971t] {
overflow-x: auto;
margin-top: 0;
padding: 1rem 1.25rem;
font-family: var(--font-mono);
font-size: 0.875rem;
line-height: 1.6;
color: var(--color-text-secondary);
white-space: pre;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
}

.code-comment[b-5z1yjq971t] {
color: var(--color-text-muted);
}

.code-prompt[b-5z1yjq971t] {
color: var(--color-primary-strong);
}

.specimen-row[b-5z1yjq971t] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}

.tag[b-5z1yjq971t] {
display: inline-flex;
align-items: center;
padding: 0.15rem 0.65rem;
font-family: var(--font-mono);
font-size: 0.75rem;
line-height: 1.5;
color: var(--color-text-muted);
white-space: nowrap;
border: 1px solid var(--color-border-strong);
border-radius: 999px;
}

.tag--primary[b-5z1yjq971t] {
color: var(--color-primary);
background: var(--color-primary-tint);
border-color: rgba(194, 100, 59, 0.3);
}

/* Ikony */

.icon-meaning[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 0 1.5rem;
margin-bottom: 1.5rem;

div {
display: grid;
grid-template-columns: 1.75rem minmax(0, 1fr);
align-items: baseline;
gap: 0.1rem 0.5rem;
padding: 0.6rem 0;
border-top: 1px solid var(--color-border);
}

strong[b-5z1yjq971t] {
font-family: var(--font-mono);
font-size: 0.85rem;
font-weight: 600;
}

span[b-5z1yjq971t] {
grid-column: 2;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-muted);
}
}

.icon-meaning[b-5z1yjq971t]  i {
grid-row: span 2;
font-size: 1.1rem;
}

.icon-meaning .is-text[b-5z1yjq971t]  i {
color: var(--color-text);
}

.icon-meaning .is-primary[b-5z1yjq971t]  i {
color: var(--color-primary-strong);
}

.icon-meaning .is-warning[b-5z1yjq971t]  i {
color: var(--color-warning);
}

.icon-meaning .is-error[b-5z1yjq971t]  i {
color: var(--color-error);
}

.icon-meaning .is-success[b-5z1yjq971t]  i {
color: var(--color-success);
}

.specimen-grid[b-5z1yjq971t] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.25rem;
}

.specimen-stage[b-5z1yjq971t] {
height: auto;
min-height: 7rem;
}
/* /Pages/BrandMinimal.razor.rz.scp.css */
main.brand-minimal-page[b-6zx63ft5yo] {
width: min(1180px, 100%);
margin: 0 auto;
padding: 0.8rem 0 1rem;
}

.brand-board[b-6zx63ft5yo] {
display: grid;
grid-template-columns: 1.35fr 0.9fr;
grid-template-rows: 1fr auto;
gap: 0.75rem;
min-height: calc(100svh - 140px);
color: #F5F1EA;
border-radius: 12px;
overflow: hidden;
}

.brand-board-hero[b-6zx63ft5yo] {
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
min-height: 0;
padding: 1rem;
background: radial-gradient(circle at 82% 18%, rgba(246, 195, 67, 0.18), transparent 28%), rgba(248, 239, 229, 0.04);
border: 1px solid rgba(232, 217, 201, 0.1);
border-radius: 12px;
}

.brand-kicker[b-6zx63ft5yo] {
margin-top: 0;
margin-bottom: 0.5rem;
font-family: "Space Grotesk", sans-serif;
font-size: 0.76rem;
font-weight: 700;
line-height: 1.2;
color: #E3A07E;
text-transform: uppercase;
letter-spacing: 0.14em;
}

.brand-board-hero h1[b-6zx63ft5yo] {
max-width: 680px;
margin-top: 0;
margin-bottom: 0.65rem;
font-family: "Space Grotesk", sans-serif;
font-size: 3rem;
font-weight: 800;
line-height: 0.98;
color: #F5F1EA;
letter-spacing: 0;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.34);
}

.brand-board-hero h1 span[b-6zx63ft5yo] {
display: block;
color: #F6C343;
}

.brand-lead[b-6zx63ft5yo] {
max-width: 600px;
margin-top: 0;
margin-bottom: 0.9rem;
font-size: 0.92rem;
line-height: 1.55;
color: #D9D0C4;
}

.thumbnail-frame[b-6zx63ft5yo] {
display: grid;
grid-template-columns: 1fr;
gap: 0.4rem;
width: min(520px, 100%);
padding: 0.75rem;
background: linear-gradient(145deg, rgba(38, 42, 47, 0.82), rgba(29, 33, 38, 0.8));
border: 1px solid rgba(227, 160, 126, 0.2);
border-radius: 10px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3);
}

.thumbnail-label[b-6zx63ft5yo] {
font-family: "Space Grotesk", sans-serif;
font-size: 0.72rem;
font-weight: 700;
line-height: 1.2;
color: #F0B091;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.thumbnail-title[b-6zx63ft5yo] {
font-family: "Space Grotesk", sans-serif;
font-size: 1.7rem;
font-weight: 800;
line-height: 1.05;
color: #F5F1EA;
letter-spacing: 0;
}

.thumbnail-strip[b-6zx63ft5yo] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.52rem 0.7rem;
font-family: "Space Grotesk", sans-serif;
font-size: 0.82rem;
font-weight: 700;
line-height: 1.2;
color: #1D2530;
background: linear-gradient(135deg, #F6C343 0%, #E0A61B 100%);
border: 1px solid rgba(246, 195, 67, 0.72);
border-radius: 10px;
box-shadow: 0 18px 40px rgba(246, 195, 67, 0.34);
}

.thumbnail-strip span[b-6zx63ft5yo] {
font-size: 0.72rem;
font-weight: 600;
}

.brand-board-side[b-6zx63ft5yo] {
display: grid;
grid-template-rows: auto auto 1fr;
gap: 0.75rem;
min-height: 0;
}

.mini-section[b-6zx63ft5yo] {
padding: 0.75rem;
background: rgba(248, 239, 229, 0.06);
border: 1px solid rgba(232, 217, 201, 0.12);
border-radius: 12px;
}

.mini-section h2[b-6zx63ft5yo] {
margin-top: 0;
margin-bottom: 0.6rem;
font-family: "Space Grotesk", sans-serif;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.2;
color: #F5F1EA;
text-transform: uppercase;
letter-spacing: 0.12em;
}

.mini-palette[b-6zx63ft5yo] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.45rem;
}

.mini-swatch[b-6zx63ft5yo] {
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 56px;
padding: 0.48rem;
font-size: 0.72rem;
line-height: 1.2;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 10px;
}

.mini-swatch strong[b-6zx63ft5yo] {
font-family: "Space Grotesk", sans-serif;
font-size: 0.74rem;
color: currentColor;
}

.mini-swatch span[b-6zx63ft5yo] {
color: currentColor;
opacity: 0.78;
}

.bg-1[b-6zx63ft5yo] {
color: #F5F1EA;
background: #181C21;
}

.bg-2[b-6zx63ft5yo] {
color: #F5F1EA;
background: #232A31;
}

.bg-3[b-6zx63ft5yo] {
color: #F5F1EA;
background: #4A423A;
}

.text-1[b-6zx63ft5yo] {
color: #1D2530;
background: #F5F1EA;
}

.accent-1[b-6zx63ft5yo] {
color: #1D2530;
background: #E3A07E;
}

.cta-1[b-6zx63ft5yo] {
color: #1D2530;
background: #F6C343;
}

.font-stack[b-6zx63ft5yo] {
display: grid;
grid-template-columns: 1fr;
gap: 0.55rem;
}

.font-stack div[b-6zx63ft5yo] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(232, 217, 201, 0.08);
}

.font-stack div:last-child[b-6zx63ft5yo] {
padding-bottom: 0;
border-bottom: 0;
}

.font-display[b-6zx63ft5yo] {
font-family: "Space Grotesk", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
color: #F5F1EA;
letter-spacing: 0;
}

.font-body[b-6zx63ft5yo] {
font-family: "Inter", sans-serif;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.2;
color: #F5F1EA;
}

.font-stack span[b-6zx63ft5yo] {
font-size: 0.7rem;
line-height: 1.35;
color: #AEA293;
text-align: right;
}

.compact-rules[b-6zx63ft5yo] {
display: flex;
flex-direction: column;
justify-content: center;
}

.ratio-bar[b-6zx63ft5yo] {
display: grid;
grid-template-columns: 7fr 2fr 1fr;
height: 40px;
margin-bottom: 0.55rem;
overflow: hidden;
border: 1px solid rgba(232, 217, 201, 0.12);
border-radius: 10px;
}

.ratio-bar span[b-6zx63ft5yo] {
display: flex;
align-items: center;
justify-content: center;
font-family: "Space Grotesk", sans-serif;
font-size: 0.9rem;
font-weight: 800;
line-height: 1;
}

.ratio-bg[b-6zx63ft5yo] {
color: #F5F1EA;
background: #181C21;
}

.ratio-text[b-6zx63ft5yo] {
color: #1D2530;
background: #F5F1EA;
}

.ratio-accent[b-6zx63ft5yo] {
color: #1D2530;
background: #F6C343;
}

.compact-rules p[b-6zx63ft5yo] {
margin-top: 0;
margin-bottom: 0;
font-size: 0.78rem;
line-height: 1.45;
color: #D9D0C4;
}

.brand-board-bottom[b-6zx63ft5yo] {
display: grid;
grid-column: 1 / -1;
grid-template-columns: 1.05fr 1fr 1.4fr;
align-items: stretch;
gap: 0.75rem;
}

.type-scale[b-6zx63ft5yo],
.cta-samples[b-6zx63ft5yo],
.brand-note[b-6zx63ft5yo] {
display: flex;
align-items: center;
gap: 0.55rem;
min-height: 72px;
padding: 0.75rem;
background: rgba(248, 239, 229, 0.06);
border: 1px solid rgba(232, 217, 201, 0.12);
border-radius: 12px;
}

.type-scale[b-6zx63ft5yo] {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}

.type-large[b-6zx63ft5yo] {
font-family: "Space Grotesk", sans-serif;
font-size: 1.32rem;
font-weight: 800;
line-height: 1;
color: #F5F1EA;
letter-spacing: 0;
}

.type-medium[b-6zx63ft5yo] {
font-family: "Space Grotesk", sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1;
color: #D9D0C4;
letter-spacing: 0;
}

.type-small[b-6zx63ft5yo] {
font-size: 0.76rem;
line-height: 1;
color: #AEA293;
}

.cta-samples[b-6zx63ft5yo] {
flex-wrap: wrap;
}

.cta-main[b-6zx63ft5yo] {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.52rem 0.82rem;
font-family: "Space Grotesk", sans-serif;
font-size: 0.82rem;
font-weight: 800;
line-height: 1;
color: #1D2530;
text-decoration: none;
background: linear-gradient(135deg, #F6C343 0%, #E0A61B 100%);
border: 1px solid rgba(246, 195, 67, 0.72);
border-radius: 10px;
box-shadow: 0 18px 40px rgba(246, 195, 67, 0.34);
transition: all 0.2s ease;
}

.cta-main:hover[b-6zx63ft5yo] {
color: #1D2530;
background: linear-gradient(135deg, #F8D778 0%, #FBE6A6 100%);
}

.accent-chip[b-6zx63ft5yo],
.success-chip[b-6zx63ft5yo] {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.38rem 0.58rem;
font-family: "Space Grotesk", sans-serif;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
border-radius: 10px;
}

.accent-chip[b-6zx63ft5yo] {
color: #F0B091;
background: rgba(227, 160, 126, 0.09);
border: 1px solid rgba(227, 160, 126, 0.22);
}

.success-chip[b-6zx63ft5yo] {
color: #8CC97F;
background: rgba(140, 201, 127, 0.1);
border: 1px solid rgba(140, 201, 127, 0.25);
}

.brand-note[b-6zx63ft5yo] {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}

.brand-note strong[b-6zx63ft5yo] {
font-family: "Space Grotesk", sans-serif;
font-size: 0.74rem;
font-weight: 800;
line-height: 1;
color: #E3A07E;
text-transform: uppercase;
letter-spacing: 0.12em;
}

.brand-note code[b-6zx63ft5yo] {
font-size: 0.7rem;
line-height: 1.35;
color: #D9D0C4;
font-family: monospace;
}

@media (max-width: 950px) {
main.brand-minimal-page[b-6zx63ft5yo] {
padding: 1rem 0;
}

.brand-board[b-6zx63ft5yo] {
grid-template-columns: 1fr;
min-height: auto;
}

.brand-board-hero h1[b-6zx63ft5yo] {
font-size: 2.5rem;
}

.brand-board-bottom[b-6zx63ft5yo] {
grid-template-columns: 1fr;
}
}

@media (max-width: 768px) {
.brand-board[b-6zx63ft5yo] {
padding: 0.85rem;
}

.brand-board-hero[b-6zx63ft5yo] {
padding: 1rem;
}

.brand-board-hero h1[b-6zx63ft5yo] {
font-size: 2rem;
}

.thumbnail-title[b-6zx63ft5yo] {
font-size: 1.5rem;
}

.mini-palette[b-6zx63ft5yo] {
grid-template-columns: 1fr 1fr;
}

.font-stack div[b-6zx63ft5yo] {
align-items: flex-start;
flex-direction: column;
gap: 0.25rem;
}

.font-stack span[b-6zx63ft5yo] {
text-align: left;
}
}
/* /Pages/Cenik.razor.rz.scp.css */
.price-table[b-z2wiyuani0] {
    width: 100%;
    margin: 0 0 2rem 0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow: hidden;
    color: var(--color-text);
}

.price-table thead th[b-z2wiyuani0] {
    text-align: left;
    padding: 0.9rem 1rem;
    font-weight: bold;
    color: var(--color-text-secondary)ccc;
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.95rem;
}

.price-table thead th + th[b-z2wiyuani0] {
    text-align: right;
    width: 22%;
}

.price-table tbody td[b-z2wiyuani0] {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    vertical-align: top;
}

.price-table tbody tr:last-child td[b-z2wiyuani0] {
    border-bottom: 0;
}

.price-table td.price[b-z2wiyuani0] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: var(--color-text);
    font-weight: bold;
}

@media (max-width: 520px) {
    .price-table thead th[b-z2wiyuani0],
    .price-table tbody td[b-z2wiyuani0] {
        padding: 0.7rem 0.75rem;
        font-size: 0.9rem;
    }
}
/* /Pages/Error.razor.rz.scp.css */
code[b-1u2lcloy99] {color:var(--color-error);}
/* /Pages/FiremniSkoleni/AgenticDevelopment.razor.rz.scp.css */
.training-page[b-avvpxe176b] {
--training-accent: #0078D4;
--training-accent-rgb: 0, 120, 212;

&[data-training="Claude Code"] {
--training-accent: var(--color-primary-hover);
--training-accent-rgb: 217, 119, 87;
}
}

section.hero.video[b-avvpxe176b] {
p {
color: var(--color-text-secondary);
}
}

.cta-buttons[b-avvpxe176b] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
margin-top: 1rem;
}

.training-overview[b-avvpxe176b] {
position: relative;
display: grid;
grid-template-columns: 264px minmax(0, 1fr);
align-items: center;
min-width: 0;
margin: 0;
padding: 0;
background: radial-gradient(640px circle at var(--spot-x, 18%) var(--spot-y, 0%), rgba(var(--training-accent-rgb), 0.1) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-avvpxe176b]
}
}

.training-overview-label[b-avvpxe176b] {
position: absolute;
top: 1.1rem;
right: 1.5rem;
z-index: 1;
display: flex;
align-items: center;
gap: 0.45rem;
max-width: calc(100% - 3rem);
padding: 0;
font-family: var(--font-mono);
font-size: 0.68rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.08em;

&::before {
content: "//";
content: "//" / "";
color: var(--training-accent);
letter-spacing: 0;
transition: color 0.4s ease;
}

@media (max-width: 768px) {
position: static;
margin: 0 auto 0 1.25rem;
padding: 0 0.4rem;[b-avvpxe176b]
}
}

/* Mezi agenty klouže podbarvení v barvě vybraného agenta */
.training-switch[b-avvpxe176b] {
position: relative;
display: flex;
flex-direction: column;
align-self: stretch;
gap: 0.35rem;
padding: 0.75rem;
border-right: 1px solid var(--color-border);

&::before {
content: "";
position: absolute;
top: 0.75rem;
right: 0.75rem;
left: 0.75rem;
height: calc((100% - 1.85rem) / 2);
background-color: rgba(var(--training-accent-rgb), 0.1);
border-radius: var(--radius-small);
transition: translate 0.4s var(--ease-out), background-color 0.4s ease;
}

@media (max-width: 768px) {
border-right: 0;
border-bottom: 1px solid var(--color-border);[b-avvpxe176b]
}
}

.training-page[data-training="Claude Code"] .training-switch[b-avvpxe176b]::before {
translate: 0 calc(100% + 0.35rem);
}

.training-tab[b-avvpxe176b] {
--tab-accent: #0078D4;
--tab-accent-rgb: 0, 120, 212;
--tab-logo: url("/img/brands/github-copilot.svg");
position: relative;
display: flex;
flex: 1;
align-items: center;
gap: 0.7rem;
min-width: 0;
padding: 0.9rem 1rem;
font-family: var(--font-body);
line-height: 1.5;
color: var(--color-text-secondary);
text-align: left;
background: transparent;
border: 0;
border-radius: var(--radius-small);
transition: color 0.2s ease;
cursor: pointer;

&.claude {
--tab-accent: var(--color-primary-hover);
--tab-accent-rgb: 217, 119, 87;
--tab-logo: url("/img/brands/claude.svg");
}

&:hover[b-avvpxe176b] {
color: var(--color-text);

.training-tab-logo {
opacity: 0.85;
}
}

&[aria-selected="true"][b-avvpxe176b] {
color: var(--color-text);

.training-tab-logo {
filter: drop-shadow(0 0 8px rgba(var(--tab-accent-rgb), 0.45));
opacity: 1;
}
}

&:focus-visible[b-avvpxe176b] {
outline: 2px solid var(--tab-accent);
outline-offset: 2px;
}
}

.training-tab-logo[b-avvpxe176b] {
flex-shrink: 0;
width: 1.65rem;
height: 1.65rem;
background: var(--tab-accent);
opacity: 0.55;
mask-image: var(--tab-logo);
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
transition: filter 0.2s ease, opacity 0.2s ease;
}

.training-tab-copy[b-avvpxe176b] {
display: flex;
flex-direction: column;
gap: 0.2rem;
min-width: 0;
}

.training-tab-vendor[b-avvpxe176b] {
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
color: var(--color-text-muted);
letter-spacing: 0.08em;
text-transform: uppercase;
}

.training-tab-name[b-avvpxe176b] {
font-family: var(--font-display);
font-size: 1.2rem;
font-weight: 600;
letter-spacing: -0.03em;
}

.training-panel[b-avvpxe176b] {
min-width: 0;
padding: 1.75rem 2rem;
animation: fade-in 0.35s ease;

&[hidden] {
display: none;
}

&:focus-visible[b-avvpxe176b] {
outline: 2px solid var(--training-accent);
outline-offset: -6px;
}

h2[b-avvpxe176b] {
margin: 0;
font-size: 1.4rem;
color: color-mix(in srgb, var(--training-accent) 65%, var(--color-text));
}

p[b-avvpxe176b] {
margin-top: 0.65rem;
font-size: 0.95rem;
line-height: 1.75;
color: var(--color-text-secondary);
}

@media (max-width: 768px) {
padding: 1.25rem;[b-avvpxe176b]
}
}

.training-syllabus[b-avvpxe176b] {
margin-top: 3rem;
}

.section-heading[b-avvpxe176b] {
max-width: 800px;
margin-bottom: 1.5rem;

h2, p {
margin-top: 0;
}

p[b-avvpxe176b] {
font-size: 1rem;
color: var(--color-text-secondary);
}
}

.training-outline[b-avvpxe176b] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 2rem;

li {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1.25rem 0;
border-top: 1px solid var(--color-border);
}

h3[b-avvpxe176b] {
margin: 0;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.5;
}

p[b-avvpxe176b] {
margin-top: 0.4rem;
font-size: 0.95rem;
line-height: 1.7;
color: var(--color-text-secondary);
}

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-avvpxe176b]
}
}

.training-topic-number[b-avvpxe176b] {
display: grid;
flex-shrink: 0;
place-items: center;
width: 2.1rem;
height: 2.1rem;
font-family: var(--font-mono);
font-size: 0.8rem;
font-weight: 600;
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.25);
border-radius: var(--radius-small);
}

.version-tabs[b-avvpxe176b] {
overflow: hidden;
background: radial-gradient(640px circle at var(--spot-x, 15%) var(--spot-y, 100%), rgba(var(--rgb-cta), 0.07) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.version-switch[b-avvpxe176b] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-bottom: 1px solid var(--color-border);
}

.version-tab[b-avvpxe176b] {
display: flex;
flex-direction: column;
gap: 0.2rem;
min-width: 0;
padding: 1rem 1.5rem;
font-family: var(--font-body);
line-height: 1.5;
color: var(--color-text-secondary);
text-align: left;
background: transparent;
border: 0;
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;

& + .version-tab {
border-left: 1px solid var(--color-border);
}

&:hover[b-avvpxe176b] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.04);
}

&[aria-selected="true"][b-avvpxe176b] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.08);
box-shadow: inset 0 -2px 0 var(--color-primary);

.version-tab-length {
color: var(--color-primary);
}
}

&:focus-visible[b-avvpxe176b] {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}

@media (max-width: 768px) {
padding: 0.85rem 1rem;[b-avvpxe176b]
}
}

.version-tab-length[b-avvpxe176b] {
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
color: var(--color-text-muted);
letter-spacing: 0.08em;
text-transform: uppercase;
transition: color 0.2s ease;
}

.version-tab-name[b-avvpxe176b] {
font-family: var(--font-display);
font-size: 1.15rem;
font-weight: 600;
letter-spacing: -0.02em;

@media (max-width: 768px) {
font-size: 1rem;[b-avvpxe176b]
}
}

.version-panel[b-avvpxe176b] {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
align-items: center;
gap: 2rem;
padding: 1.5rem;

&[hidden] {
display: none;
}

&:focus-visible[b-avvpxe176b] {
outline: 2px solid var(--color-primary);
outline-offset: -6px;
}

p[b-avvpxe176b] {
margin: 0;
font-size: 0.95rem;
line-height: 1.7;
color: var(--color-text-secondary);
}

@media (max-width: 768px) {
grid-template-columns: 1fr;
gap: 1rem;
padding: 1.25rem;[b-avvpxe176b]
}
}

.version-price[b-avvpxe176b] {
display: flex;
flex-direction: column;
gap: 0.15rem;

strong {
font-family: var(--font-display);
font-size: 2rem;
font-weight: 700;
color: var(--color-cta);
letter-spacing: -0.04em;
text-shadow: 0 0 30px rgba(var(--rgb-cta), 0.35);
}

span[b-avvpxe176b] {
font-family: var(--font-mono);
font-size: 0.75rem;
color: var(--color-text-muted);
}
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.training-overview[b-avvpxe176b], .training-outline li[b-avvpxe176b], .version-tabs[b-avvpxe176b] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 22%;
}
}
}
/* /Pages/FiremniSkoleni/ThankYou.razor.rz.scp.css */
p[b-wy3ydmqacu] {
    margin-top: 0;
}

section.hero[b-wy3ydmqacu] {
}

section.hero h1[b-wy3ydmqacu] {
    margin-bottom: 2rem;
}

section.hero p[b-wy3ydmqacu] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
}

section.hero .button[b-wy3ydmqacu] {
    margin-top: 2rem;
    display: inline-block;
}
/* /Pages/Gdpr.razor.rz.scp.css */
/* /Pages/Governance.razor.rz.scp.css */
section.governance-layout[b-oowhguavc5] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2.5rem;
    align-items: center;
    margin-top: 3rem;

    @media (max-width: 900px) {
        grid-template-columns: 1fr;
        gap: 1.5rem;[b-oowhguavc5]
    }
}

.video-col[b-oowhguavc5] {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
                0 0 40px rgba(var(--rgb-primary), 0.2);
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.video-col:hover[b-oowhguavc5] {
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6),
                0 0 60px rgba(var(--rgb-primary), 0.3);
}

.info-col[b-oowhguavc5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-col h1[b-oowhguavc5] {
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0;
}

.info-col p[b-oowhguavc5] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    line-height: 1.7;
}

.download-link[b-oowhguavc5] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1.25rem;
    border-radius: 10px;
    border: 1px solid rgba(var(--rgb-primary), 0.4);
    background: rgba(var(--rgb-primary), 0.08);
    color: #7dd3fc;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    align-self: flex-start;
    margin-top: 0.5rem;

    &:hover {
        background: rgba(var(--rgb-primary), 0.18);
        border-color: rgba(var(--rgb-primary), 0.7);
        color: var(--color-text);
    }
}
/* /Pages/Hodnoceni/Index.razor.rz.scp.css */
.review-form[b-htjdxzp2f5] {
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}
}

section.hero[b-htjdxzp2f5] {
    max-width: 600px;
    padding-bottom: 1rem;
}

section.hero h1[b-htjdxzp2f5] {
    font-size: 2rem;
    margin-top: 2rem;
}

section.hero p[b-htjdxzp2f5] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

.confirmation[b-htjdxzp2f5] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 2rem;
    padding: 1rem 1.5rem;
    background: rgba(var(--rgb-primary), 0.1);
    border: 1px solid rgba(var(--rgb-primary), 0.3);
    border-radius: 10px;
    color: var(--color-primary);
    font-size: 1.1rem;
}

section.review-form[b-htjdxzp2f5] {
    max-width: 680px;
    padding-bottom: 3rem;
}

/* Score slider section */
.score-section[b-htjdxzp2f5] {
    margin-bottom: 2.5rem;
}

.score-section h2[b-htjdxzp2f5] {
    font-size: 1.4rem;
    margin-bottom: 0.3rem;
}

.score-hint[b-htjdxzp2f5] {
    color: var(--color-text-muted);
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
}

.slider-wrapper[b-htjdxzp2f5] {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 1.5rem;
}

.slider-labels[b-htjdxzp2f5] {
    display: flex;
    justify-content: space-between;
    padding: 0 0.2rem;
    margin-bottom: 0.5rem;
    color: var(--color-text-muted);
    font-size: 0.85rem;
}

.score-slider[b-htjdxzp2f5] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: var(--color-field-border);
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.score-slider[b-htjdxzp2f5]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color-field-border-focus);
    cursor: pointer;
    border: 3px solid var(--color-border-strong);
    transition: all 0.2s ease;
}

.score-slider.active[b-htjdxzp2f5]::-webkit-slider-thumb {
    background: var(--color-cta);
    border-color: var(--color-cta-hover);
    box-shadow: 0 4px 12px rgba(var(--rgb-cta), 0.35);
}

.score-slider[b-htjdxzp2f5]::-moz-range-thumb {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color-field-border-focus);
    cursor: pointer;
    border: 3px solid var(--color-border-strong);
    transition: all 0.2s ease;
}

.score-slider.active[b-htjdxzp2f5]::-moz-range-thumb {
    background: var(--color-cta);
    border-color: var(--color-cta-hover);
    box-shadow: 0 4px 12px rgba(var(--rgb-cta), 0.35);
}

.score-slider[b-htjdxzp2f5]::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 5px;
}

.score-slider[b-htjdxzp2f5]::-moz-range-track {
    height: 8px;
    border-radius: 5px;
    background: var(--color-field-border);
}

.score-display[b-htjdxzp2f5] {
    text-align: center;
    margin-top: 1rem;
}

.score-value[b-htjdxzp2f5] {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--color-cta);
}

.score-text[b-htjdxzp2f5] {
    font-size: 1.1rem;
    color: var(--color-text-muted);
    margin-left: 0.3rem;
}

.score-placeholder[b-htjdxzp2f5] {
    color: var(--color-field-border-focus);
    font-size: 1rem;
}

/* Validation */
.validation-message[b-htjdxzp2f5] {
    margin-top: 0.5rem;
}

[b-htjdxzp2f5] .validation-message {
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
}

/* Fields section — ::deep needed for Blazor child components (InputTextArea, InputText) */
.fields-section[b-htjdxzp2f5] {
    margin-bottom: 2rem;
}

.fields-section > div[b-htjdxzp2f5] {
    margin-bottom: 1.5rem;
}

.fields-section label[b-htjdxzp2f5],
.identity-section label[b-htjdxzp2f5] {
    display: block;
    font-size: 0.9rem;
    padding: 0 0 2px 5px;
    margin-bottom: 0.4rem;
    color: var(--color-text-secondary);
}

.fields-section[b-htjdxzp2f5]  label.required::after,
.identity-section[b-htjdxzp2f5]  label.required::after {
    content: " *";
    color: var(--color-error);
}

.fields-section[b-htjdxzp2f5]  textarea,
.fields-section[b-htjdxzp2f5]  input,
.identity-section[b-htjdxzp2f5]  input {
    display: block;
    width: 100%;
    background: var(--color-field-bg);
    color: var(--color-text);
    border: var(--color-field-border) 1px solid;
    padding: 0.9rem;
    border-radius: 10px;
    font-family: var(--font-body);
    font-size: 1rem;
    transition: border 0.2s ease, background 0.2s ease;
    box-sizing: border-box;
    resize: vertical;
}

.fields-section[b-htjdxzp2f5]  textarea:focus,
.fields-section[b-htjdxzp2f5]  input:focus,
.identity-section[b-htjdxzp2f5]  input:focus {
    border: var(--color-field-border-focus) 1px solid;
    background: var(--color-field-bg-focus);
    outline: none;
}

.fields-section[b-htjdxzp2f5]  textarea::placeholder {
    color: var(--color-placeholder);
}

/* Identity section */
.identity-section[b-htjdxzp2f5] {
    margin-bottom: 2rem;
}

.identity-section h2[b-htjdxzp2f5] {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.identity-section > div[b-htjdxzp2f5] {
    margin-bottom: 1.2rem;
}

/* Submit section */
.submit-section[b-htjdxzp2f5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    padding-top: 0.5rem;
}

.submit-section .checkbox-label[b-htjdxzp2f5] {
    font-size: 0.9rem;
    color: var(--color-text-secondary);
}

.submit-section button:hover[b-htjdxzp2f5] {
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    section.review-form[b-htjdxzp2f5] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .slider-wrapper[b-htjdxzp2f5] {
        padding: 1rem;
    }

    .score-value[b-htjdxzp2f5] {
        font-size: 2rem;
    }

    .slider-labels[b-htjdxzp2f5] {
        font-size: 0.75rem;
    }
}
/* /Pages/Home.razor.rz.scp.css */
section.hero.portrait[b-my8z624x6f] {
display: grid;
grid-template-columns: minmax(0, 10fr) minmax(0, 8fr);
align-items: center;
column-gap: 3rem;

@media (max-width: 1000px) {
grid-template-columns: minmax(0, 1fr);[b-my8z624x6f]
}

figure {
position: relative;
isolation: isolate;
justify-self: center;
width: min(100%, 380px);
margin: 0;
animation: rise-in 0.9s var(--ease-out) 0.15s both;

@media (max-width: 1000px) {
display: none;[b-my8z624x6f]
}

&::before {
content: "";
position: absolute;
inset: -6% -20% 22%;
z-index: -1;
background: radial-gradient(closest-side, rgba(var(--rgb-primary-strong), 0.24) 0%, rgba(var(--rgb-primary-strong), 0.08) 55%, transparent 100%);
pointer-events: none;
}
}

img[b-my8z624x6f] {
display: block;
width: 100%;
height: auto;
mask-image: linear-gradient(180deg, #000000 80%, transparent 100%);
-webkit-mask-image: linear-gradient(180deg, #000000 80%, transparent 100%);
}

figure p[b-my8z624x6f] {
position: absolute;
bottom: 14%;
left: -1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0;
padding: 0.7rem 1rem;
font-size: 0.8rem;
line-height: 1.4;
color: var(--color-text-muted);
background: rgba(16, 18, 22, 0.62);
border: 1px solid var(--color-border-strong);
border-radius: var(--radius-control);
box-shadow: var(--shadow-soft);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);

strong {
font-family: var(--font-mono);
font-size: 1.35rem;
font-weight: 600;
line-height: 1;
color: var(--color-primary);
}
}
}

section.services[b-my8z624x6f] {
p.services-intro {
margin-top: 0;
}

div.services-grid[b-my8z624x6f] {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.25rem;
margin-top: 2rem;

@media (max-width: 800px) {
grid-template-columns: 1fr;[b-my8z624x6f]
}
}

a.service[b-my8z624x6f] {
position: relative;
display: flex;
flex-direction: column;
grid-column: span 2;
overflow: hidden;
isolation: isolate;
padding: 1.75rem 1.75rem 3.25rem;
color: inherit;
background: linear-gradient(160deg, rgba(255, 244, 235, 0.06) 0%, rgba(255, 244, 235, 0.02) 100%);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);
transition: transform 0.35s var(--ease-out), border-color 0.3s ease, box-shadow 0.3s ease;

@media (max-width: 800px) {
grid-column: auto;
padding: 1.4rem 1.4rem 3rem;[b-my8z624x6f]
}

&::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(420px circle at var(--spot-x, 90%) var(--spot-y, 0%), rgba(var(--rgb-primary), 0.18) 0%, transparent 60%);
opacity: 0.5;
transition: opacity 0.4s ease;
pointer-events: none;
}

&[b-my8z624x6f]::after {
content: "\2192";
content: "\2192" / "";
position: absolute;
right: 1.5rem;
bottom: 1.1rem;
font-family: var(--font-mono);
font-size: 1.15rem;
line-height: 1;
color: var(--color-primary);
opacity: 0.55;
transition: transform 0.35s var(--ease-out), opacity 0.3s ease, color 0.3s ease;
}

&:hover[b-my8z624x6f] {
border-color: rgba(var(--rgb-primary), 0.35);
box-shadow: var(--shadow-card), 0 0 0 1px rgba(var(--rgb-primary), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06);
transform: translateY(-4px);
}

&:hover[b-my8z624x6f]::before {
opacity: 1;
}

&:hover[b-my8z624x6f]::after {
color: var(--color-cta);
opacity: 1;
transform: translateX(6px);
}

&:focus-visible[b-my8z624x6f] {
outline: 2px solid var(--color-cta);
outline-offset: 3px;
}

&:hover h3[b-my8z624x6f] {
color: var(--color-primary-hover);
}

&:hover .service-watermark[b-my8z624x6f] {
opacity: 0.14;
transform: rotate(-4deg) scale(1.08);
}

&:hover .service-icon[b-my8z624x6f] {
transform: translateY(-2px) rotate(-4deg);
}

h3[b-my8z624x6f] {
margin-top: 1.4rem;
font-size: 1.35rem;
font-weight: 600;
transition: color 0.2s ease;
}

p[b-my8z624x6f] {
flex-grow: 1;
margin-top: 0.7rem;
font-size: 0.95rem;
line-height: 1.7;
color: var(--color-text-secondary);
}
}

a.service.wide[b-my8z624x6f] {
grid-column: span 3;

@media (max-width: 800px) {
grid-column: auto;[b-my8z624x6f]
}
}

a.service.featured[b-my8z624x6f] {
background: linear-gradient(150deg, rgba(var(--rgb-primary), 0.16) 0%, rgba(var(--rgb-primary-deep), 0.08) 55%, rgba(255, 244, 235, 0.02) 100%);
border-color: rgba(var(--rgb-primary), 0.28);

&:hover {
border-color: rgba(var(--rgb-primary), 0.55);
}

&[b-my8z624x6f]::before {
background: radial-gradient(420px circle at var(--spot-x, 90%) var(--spot-y, 0%), rgba(var(--rgb-cta), 0.16) 0%, transparent 60%);
}

.service-watermark[b-my8z624x6f] {
color: var(--color-cta);
}

.service-icon[b-my8z624x6f] {
color: var(--color-cta-text);
background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-primary-strong) 100%);
border-color: rgba(var(--rgb-cta), 0.8);
box-shadow: 0 8px 22px rgba(var(--rgb-primary-strong), 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.service-icon[b-my8z624x6f]  i {
filter: none;
}
}

span.service-icon[b-my8z624x6f] {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
font-size: 1.25rem;
color: var(--color-primary);
background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.2) 0%, rgba(var(--rgb-primary-deep), 0.1) 100%);
border: 1px solid rgba(var(--rgb-primary), 0.28);
border-radius: var(--radius-control);
transition: transform 0.35s var(--ease-out);
}

span.service-watermark[b-my8z624x6f] {
position: absolute;
top: -1rem;
right: -1rem;
z-index: -1;
font-size: 8.5rem;
line-height: 1;
color: var(--color-primary);
opacity: 0.07;
transform: rotate(-12deg);
transition: opacity 0.4s ease, transform 0.5s var(--ease-out);
pointer-events: none;
}
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
section.services a.service[b-my8z624x6f] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 22%;
}
}
}

section.videos[b-my8z624x6f] {
margin-top: 1rem;
}

section.article-promo[b-my8z624x6f] {
padding-bottom: 0;

.promo-card {
position: relative;
display: block;
padding: 2rem 2.4rem;
color: inherit;
text-decoration: none;
background: var(--color-surface);
border: none;
border-radius: var(--radius-control);
box-shadow: var(--shadow-soft);
transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;

@media (max-width: 600px) {
padding: 1.4rem 1.2rem;[b-my8z624x6f]
}
}

.promo-card:hover[b-my8z624x6f] {
text-decoration: none;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
transform: translateY(-2px);
}

.promo-card__badge[b-my8z624x6f] {
display: inline-block;
margin-bottom: 0.9rem;
padding: 2px 10px;
font-size: 0.7rem;
font-weight: 800;
color: var(--color-cta);
text-transform: uppercase;
letter-spacing: 0.1em;
background: rgba(var(--rgb-cta), 0.08);
border: 1px solid rgba(var(--rgb-cta), 0.4);
border-radius: 999px;
}

h2[b-my8z624x6f] {
margin-top: 0;
margin-bottom: 0.6rem;
padding-bottom: 0;
font-size: clamp(1.25rem, 3vw, 1.65rem);
font-weight: 800;
line-height: 1.25;
color: var(--color-text);
border-bottom: none;
}

p[b-my8z624x6f] {
max-width: 640px;
margin-top: 0;
margin-bottom: 1.2rem;
font-size: 0.97rem;
line-height: 1.65;
color: var(--color-text-secondary);
}

.promo-card__cta[b-my8z624x6f] {
font-size: 0.9rem;
font-weight: 700;
color: var(--color-cta);
letter-spacing: 0.01em;
}
}
/* /Pages/Introduction/Index.razor.rz.scp.css */
.introduction-form[b-f3romuyq07] {
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}
}

section.hero[b-f3romuyq07] {
    max-width: 600px;
    padding-bottom: 1rem;
}

section.hero h1[b-f3romuyq07] {
    font-size: 2rem;
    margin-top: 2rem;
}

section.hero p[b-f3romuyq07] {
    color: var(--color-text-muted);
    font-size: 0.95rem;
}

.confirmation[b-f3romuyq07] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 2rem;
    padding: 1rem 1.5rem;
    background: rgba(var(--rgb-primary), 0.1);
    border: 1px solid rgba(var(--rgb-primary), 0.3);
    border-radius: 10px;
    color: var(--color-primary);
    font-size: 1.1rem;
}

section.introduction-form[b-f3romuyq07] {
    max-width: 680px;
    padding-bottom: 3rem;
}

/* Fields section */
.fields-section[b-f3romuyq07] {
    margin-bottom: 2.5rem;
}

.fields-section h2[b-f3romuyq07] {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.fields-section > div[b-f3romuyq07] {
    margin-bottom: 1.5rem;
}

.fields-section label[b-f3romuyq07] {
    display: block;
    font-size: 0.9rem;
    padding: 0 0 0 5px;
    margin-bottom: 0;
    color: var(--color-text-secondary);
}

.field-hint[b-f3romuyq07] {
    font-size: 0.85rem;
    color: var(--color-text-muted);
    padding: 0 0 0 5px;
    margin-bottom: 0.25rem;
}

.fields-section[b-f3romuyq07]  textarea,
.fields-section[b-f3romuyq07]  input:not([type="radio"]) {
    display: block;
    width: 100%;
    background: var(--color-field-bg);
    color: var(--color-text);
    border: var(--color-field-border) 1px solid;
    padding: 0.9rem;
    border-radius: 10px;
    font-family: var(--font-body);
    font-size: 1rem;
    transition: border 0.2s ease, background 0.2s ease;
    box-sizing: border-box;
    resize: vertical;
}

.fields-section[b-f3romuyq07]  textarea:focus,
.fields-section[b-f3romuyq07]  input:not([type="radio"]):focus {
    border: var(--color-field-border-focus) 1px solid;
    background: var(--color-field-bg-focus);
    outline: none;
}

.fields-section[b-f3romuyq07]  textarea::placeholder {
    color: var(--color-placeholder);
}

.radio-field fieldset[b-f3romuyq07] {
margin: 0;
padding: 0;
border: 0;
}

.radio-field legend[b-f3romuyq07] {
display: block;
margin-bottom: 0.7rem;
padding: 0 0 0 5px;
font-size: 0.9rem;
color: var(--color-text-secondary);
}

.radio-options[b-f3romuyq07] {
display: grid;
gap: 0.65rem;
}

.fields-section .radio-options .radio-option[b-f3romuyq07] {
display: grid;
grid-template-columns: 1.1rem minmax(0, 1fr);
align-items: flex-start;
gap: 0.8rem;
margin: 0;
padding: 0.85rem 0.95rem;
color: var(--color-text);
background: rgba(255, 244, 235, 0.045);
border: 1px solid rgba(255, 236, 222, 0.13);
border-radius: 10px;
box-sizing: border-box;
transition: background 0.2s ease, border 0.2s ease;
cursor: pointer;
}

.fields-section .radio-options .radio-option:hover[b-f3romuyq07] {
background: rgba(255, 244, 235, 0.065);
border-color: rgba(255, 236, 222, 0.24);
}

.fields-section .radio-options .radio-option:has(input:checked)[b-f3romuyq07] {
background: rgba(var(--rgb-primary), 0.09);
border-color: rgba(var(--rgb-primary), 0.5);
}

.fields-section .radio-options .radio-option[b-f3romuyq07]  input[type="radio"] {
display: block;
width: 1rem;
height: 1rem;
margin: 0.15rem 0 0 0;
accent-color: var(--color-primary);
}

.fields-section .radio-options .radio-option span[b-f3romuyq07] {
display: grid;
gap: 0.25rem;
min-width: 0;
}

.fields-section .radio-options .radio-option strong[b-f3romuyq07] {
font-size: 1rem;
font-weight: 600;
line-height: 1.35;
color: var(--color-text);
}

.fields-section .radio-options .radio-option .price-tag[b-f3romuyq07] {
display: inline-block;
margin-left: 0.35rem;
font-size: 0.88rem;
font-weight: 500;
line-height: 1;
color: var(--color-primary);
}

.fields-section .radio-options .radio-option small[b-f3romuyq07] {
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-muted);
}

/* Submit section */
.submit-section[b-f3romuyq07] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    padding-top: 0.5rem;
}

.submit-section button:hover[b-f3romuyq07] {
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    section.introduction-form[b-f3romuyq07] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Pages/Kontakt.razor.rz.scp.css */
section.hero.contact-hero[b-tjewc3xtig] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 23rem);
align-items: center;
gap: 2rem 4rem;

> div {
margin-bottom: 0;
}

@media (max-width: 900px) {
grid-template-columns: minmax(0, 1fr);[b-tjewc3xtig]
}
}

.contact-card[b-tjewc3xtig] {
display: grid;
gap: 0.25rem;
padding: 1.25rem;
background: linear-gradient(90deg, transparent 0%, rgba(var(--rgb-cta), 0.75) 35%, rgba(var(--rgb-primary-strong), 0.75) 65%, transparent 100%) center top / 70% 1px no-repeat, var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
animation: rise-in 0.9s var(--ease-out) 0.15s both;

@media (max-width: 520px) {
padding: 1rem;[b-tjewc3xtig]
}
}

.contact-person[b-tjewc3xtig] {
display: flex;
align-items: center;
gap: 0.9rem;
margin-bottom: 0.5rem;
padding: 0 0.5rem 1rem;
border-bottom: 1px dashed var(--color-form-divider);

img {
flex-shrink: 0;
width: 56px;
height: 56px;
padding: 2px;
object-fit: cover;
background: conic-gradient(from 200deg, var(--color-cta), var(--color-primary-strong), var(--color-primary-deep), var(--color-cta));
border-radius: 50%;
box-shadow: 0 0 0 4px rgba(var(--rgb-primary), 0.07), 0 10px 26px rgba(var(--rgb-primary-strong), 0.25);
}

div[b-tjewc3xtig] {
display: grid;
}

strong[b-tjewc3xtig] {
font-size: 1.1rem;
font-weight: 600;
line-height: 1.3;
color: var(--color-text);
letter-spacing: -0.02em;
}

span[b-tjewc3xtig] {
font-family: var(--font-mono);
font-size: 0.75rem;
line-height: 1.5;
color: var(--color-text-muted);
}
}

.contact-method[b-tjewc3xtig] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
column-gap: 0.85rem;
padding: 0.6rem 0.5rem;
line-height: 1.4;
color: var(--color-text);
background: none;
border-radius: var(--radius-control);
transition: background 0.2s ease;

strong {
grid-column: 2;
font-family: var(--font-mono);
font-size: 0.95rem;
font-weight: 500;
color: var(--color-text);
letter-spacing: -0.01em;
overflow-wrap: anywhere;
transition: color 0.2s ease;
}

&:hover[b-tjewc3xtig], &:focus-visible[b-tjewc3xtig] {
color: var(--color-text);
background: var(--color-surface-hover);
}

&:hover strong[b-tjewc3xtig], &:focus-visible strong[b-tjewc3xtig] {
color: var(--color-primary-hover);
}
}

.method-label[b-tjewc3xtig] {
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
color: var(--color-text-subtle);
text-transform: uppercase;
letter-spacing: 0.08em;

em {
margin-left: 0.35rem;
padding: 0.05rem 0.45rem;
color: var(--color-primary-hover);
letter-spacing: 0.04em;
background: rgba(var(--rgb-primary), 0.12);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 999px;
}
}

.method-icon[b-tjewc3xtig], .path-icon[b-tjewc3xtig], .billing-icon[b-tjewc3xtig] {
display: inline-grid;
flex-shrink: 0;
place-items: center;
width: 2.5rem;
height: 2.5rem;
font-size: 1rem;
color: var(--color-primary);
background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.18) 0%, rgba(var(--rgb-primary-deep), 0.08) 100%);
border: 1px solid rgba(var(--rgb-primary), 0.26);
border-radius: var(--radius-control);
}

.method-icon[b-tjewc3xtig], .path-icon[b-tjewc3xtig] {
grid-row: span 2;
}

.contact-method[href^="tel:"]:hover[b-tjewc3xtig]  i {
animation: phone-ring 0.6s ease-in-out;
}

.contact-paths[b-tjewc3xtig], .availability[b-tjewc3xtig], .billing[b-tjewc3xtig] {
> p {
margin-top: 0;
color: var(--color-text-secondary);
}
}

.paths-grid[b-tjewc3xtig] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;
margin-top: 1.5rem;

@media (max-width: 900px) {
grid-template-columns: minmax(0, 1fr);
gap: 0.75rem;[b-tjewc3xtig]
}
}

.path-card[b-tjewc3xtig] {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 0.15rem 1rem;
overflow: hidden;
isolation: isolate;
padding: 1.25rem 2.75rem 1.25rem 1.25rem;
color: var(--color-text);
background: radial-gradient(420px circle at 90% 0%, rgba(var(--rgb-primary), 0.12) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft);
transition: transform 0.35s var(--ease-out), border-color 0.3s ease, box-shadow 0.3s ease;

&::after {
content: "\2192";
content: "\2192" / "";
position: absolute;
top: 1.3rem;
right: 1.25rem;
font-family: var(--font-mono);
font-size: 1.1rem;
line-height: 1;
color: var(--color-primary);
opacity: 0.55;
transition: transform 0.35s var(--ease-out), opacity 0.3s ease, color 0.3s ease;
}

strong[b-tjewc3xtig] {
font-size: 1.05rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.02em;
transition: color 0.2s ease;
}

&:hover[b-tjewc3xtig], &:focus-visible[b-tjewc3xtig] {
color: var(--color-text);
border-color: rgba(var(--rgb-primary), 0.35);
box-shadow: var(--shadow-card);
transform: translateY(-4px);
}

&:hover[b-tjewc3xtig]::after, &:focus-visible[b-tjewc3xtig]::after {
color: var(--color-cta);
opacity: 1;
transform: translateX(6px);
}

&:hover strong[b-tjewc3xtig], &:focus-visible strong[b-tjewc3xtig] {
color: var(--color-primary-hover);
}
}

.path-text[b-tjewc3xtig] {
grid-column: 2;
font-size: 0.9rem;
line-height: 1.55;
color: var(--color-text-secondary);
}

.calendar-window[b-tjewc3xtig] {
margin-top: 1.5rem;
padding: 0 0.5rem 0.5rem;
background: linear-gradient(180deg, rgba(32, 36, 44, 0.92) 0%, rgba(18, 21, 26, 0.92) 100%);
border: 1px solid var(--color-border-strong);
border-radius: 18px;
box-shadow: var(--shadow-soft);

iframe {
display: block;
width: 100%;
min-height: 600px;
border: 0;
border-radius: var(--radius-control);
}

iframe.dm-inv[b-tjewc3xtig] {
filter: invert(0.9) hue-rotate(180deg) saturate(1.1);
}
}

.calendar-bar[b-tjewc3xtig] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1rem;
padding: 0.75rem 0.45rem;

&::before {
content: "";
flex-shrink: 0;
width: 0.6rem;
height: 0.6rem;
margin-right: 2rem;
background: var(--color-error);
border-radius: 50%;
box-shadow: 1rem 0 0 var(--color-cta), 2rem 0 0 var(--color-success);
opacity: 0.85;
}
}

.calendar-legend[b-tjewc3xtig] {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}

.legend-item[b-tjewc3xtig] {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.2rem 0.7rem;
font-family: var(--font-mono);
font-size: 0.75rem;
line-height: 1.5;
color: var(--color-text-muted);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 999px;

b {
font-weight: 600;
color: var(--color-text-secondary);
letter-spacing: 0.04em;
}
}

.legend-indicator[b-tjewc3xtig] {
flex-shrink: 0;
width: 8px;
height: 8px;
background: var(--color-cta);
border-radius: 2px;
}

.billing-grid[b-tjewc3xtig] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
margin-top: 1.5rem;

@media (max-width: 900px) {
grid-template-columns: minmax(0, 1fr);[b-tjewc3xtig]
}
}

.billing-card[b-tjewc3xtig] {
display: flex;
flex-direction: column;
padding: 1.5rem 1.75rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft);

@media (max-width: 520px) {
padding: 1.25rem;[b-tjewc3xtig]
}

address {
margin-top: 1.25rem;
font-style: normal;
line-height: 1.6;
color: var(--color-text-secondary);
}

address strong[b-tjewc3xtig] {
font-weight: 600;
color: var(--color-text);
}

h4[b-tjewc3xtig] {
display: flex;
align-items: center;
gap: 0.6rem;
margin-top: 1.5rem;
font-size: 0.95rem;
font-weight: 500;
color: var(--color-text-secondary);
letter-spacing: -0.01em;
}

h4 .billing-tag[b-tjewc3xtig] {
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.12);
border-color: rgba(var(--rgb-primary), 0.3);
}

dl[b-tjewc3xtig] {
margin-top: 0.75rem;
}

dl div[b-tjewc3xtig] {
display: grid;
grid-template-columns: 8.5rem minmax(0, 1fr);
gap: 1rem;
padding: 0.5rem 0;
border-top: 1px dashed var(--color-form-divider);

@media (max-width: 520px) {
grid-template-columns: minmax(0, 1fr);
gap: 0.1rem;[b-tjewc3xtig]
}
}

dt[b-tjewc3xtig] {
padding-top: 0.15rem;
font-family: var(--font-mono);
font-size: 0.7rem;
font-weight: 500;
line-height: 1.6;
color: var(--color-text-subtle);
text-transform: uppercase;
letter-spacing: 0.1em;
}

dd[b-tjewc3xtig] {
font-family: var(--font-mono);
font-size: 0.92rem;
line-height: 1.6;
color: var(--color-text);
letter-spacing: -0.01em;
user-select: all;
}
}

.billing-head[b-tjewc3xtig] {
display: flex;
align-items: center;
gap: 0.85rem;

h3 {
flex-grow: 1;
margin: 0;
font-size: 1.15rem;
}
}

.billing-tag[b-tjewc3xtig] {
display: inline-flex;
align-items: center;
padding: 0.1rem 0.6rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-text-muted);
white-space: nowrap;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 999px;
}

.billing-note[b-tjewc3xtig] {
margin-top: 0;
padding-top: 0.75rem;
font-size: 0.82rem;
line-height: 1.6;
color: var(--color-text-muted);
border-top: 1px dashed var(--color-form-divider);
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.path-card[b-tjewc3xtig], .calendar-window[b-tjewc3xtig], .billing-card[b-tjewc3xtig] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 20%;
}
}
}
/* /Pages/Konzultace/Index.razor.rz.scp.css */
.cta-buttons[b-8dg844pssg] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
margin-top: 1rem;
}

section.why h2[b-8dg844pssg] {
margin-bottom: 2rem;
text-align: center;
}

.why-cards[b-8dg844pssg] {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.25rem;

@media (max-width: 800px) {
grid-template-columns: 1fr;[b-8dg844pssg]
}
}

.why-card[b-8dg844pssg] {
position: relative;
isolation: isolate;
padding: 1.6rem;
background: radial-gradient(360px circle at var(--spot-x, 50%) var(--spot-y, -20%), rgba(var(--rgb-primary), 0.12) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

h3 {
margin: 1.1rem 0 0.5rem;
font-size: 1.15rem;
}

p[b-8dg844pssg] {
margin: 0;
font-size: 0.95rem;
line-height: 1.65;
color: var(--color-text-secondary);
}
}

.why-card[b-8dg844pssg]  i {
display: inline-grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
font-size: 1.15rem;
background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.18) 0%, rgba(var(--rgb-primary-deep), 0.08) 100%);
border: 1px solid rgba(var(--rgb-primary), 0.26);
border-radius: var(--radius-control);
}

section.topics h2[b-8dg844pssg] {
margin-bottom: 1.5rem;
}

.topics-grid[b-8dg844pssg] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.75rem;

@media (max-width: 700px) {
grid-template-columns: 1fr;[b-8dg844pssg]
}

div {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.85rem 1.1rem;
font-size: 0.95rem;
line-height: 1.5;
color: var(--color-text-secondary);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-control);
}
}

.topics-grid[b-8dg844pssg]  i {
flex-shrink: 0;
margin: 0;
font-size: 0.85rem;
color: var(--color-primary);
}

section.how-it-works h2[b-8dg844pssg] {
margin-bottom: 2.5rem;
text-align: center;
}

.steps[b-8dg844pssg] {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.5rem;

&::before {
content: "";
position: absolute;
top: 1.5rem;
left: 16.66%;
right: 16.66%;
height: 1px;
background: repeating-linear-gradient(90deg, rgba(var(--rgb-cta), 0.55) 0 6px, transparent 6px 12px);

@media (max-width: 800px) {
display: none;[b-8dg844pssg]
}
}

@media (max-width: 800px) {
grid-template-columns: 1fr;[b-8dg844pssg]
}
}

.step[b-8dg844pssg] {
position: relative;
padding: 0 0.5rem;
text-align: center;

span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin-bottom: 0.5rem;
font-family: var(--font-mono);
font-size: 1.1rem;
font-weight: 700;
color: var(--color-cta-text);
background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-cta-strong) 100%);
border-radius: 14px;
box-shadow: 0 0 0 6px var(--color-bg), 0 10px 28px rgba(var(--rgb-cta), 0.35);
}

h3[b-8dg844pssg] {
margin: 0.75rem 0 0.4rem;
font-size: 1.15rem;
}

p[b-8dg844pssg] {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.why-card[b-8dg844pssg], .topics-grid div[b-8dg844pssg], .step[b-8dg844pssg] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 20%;
}
}
}

form div:nth-of-type(1)[b-8dg844pssg] {
width: 55%;
}

form div:nth-of-type(2)[b-8dg844pssg] {
width: 35%;
}

form div:nth-of-type(3)[b-8dg844pssg] {
width: 55%;
}

form div:nth-of-type(4)[b-8dg844pssg] {
width: 35%;
}

form div:nth-of-type(5)[b-8dg844pssg] {
width: 94%;
}

form div:nth-of-type(6)[b-8dg844pssg] {
width: 50%;
}

form div:nth-of-type(7)[b-8dg844pssg] {
display: block;
}

@media only screen and (max-width: 520px) {
form div:nth-of-type(1)[b-8dg844pssg], form div:nth-of-type(2)[b-8dg844pssg], form div:nth-of-type(3)[b-8dg844pssg], form div:nth-of-type(4)[b-8dg844pssg], form div:nth-of-type(5)[b-8dg844pssg], form div:nth-of-type(6)[b-8dg844pssg] {
width: 100%;
}
}

.spacing[b-8dg844pssg] {
margin-top: 4rem;
}
/* /Pages/Lab/Articles/McpDesign.razor.rz.scp.css */
.mcp-article[b-kcz7a93wie] {
width: 100%;
margin: 0 auto;
padding: 5.5rem 0 7rem;
font-family: "Inter", sans-serif;
color: var(--color-text);
}

.mcp-hero[b-kcz7a93wie] {
display: grid;
gap: 4rem;
max-width: none;
margin: 0 0 8rem;
}

.mcp-hero__intro[b-kcz7a93wie] {
display: grid;
gap: 1.2rem;
}

.mcp-hero h1[b-kcz7a93wie] {
margin: 0;
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: clamp(3.4rem, 8.6vw, 8.4rem);
font-weight: 800;
line-height: 0.86;
color: var(--color-text);
letter-spacing: -0.03em;
text-wrap: balance;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.34);
}

.mcp-lead[b-kcz7a93wie] {
max-width: 860px;
margin: 0;
font-size: clamp(1.08rem, 2vw, 1.45rem);
font-weight: 400;
line-height: 1.55;
color: var(--color-text-secondary);
}

.mcp-hero__meta[b-kcz7a93wie] {
display: grid;
grid-template-columns: minmax(260px, 1.2fr) minmax(180px, 0.75fr) minmax(220px, 0.85fr);
gap: 2.5rem;
align-items: start;
}

.mcp-meta-stack[b-kcz7a93wie] {
display: grid;
gap: 2rem;
}

.mcp-meta-card[b-kcz7a93wie] {
display: grid;
gap: 0.8rem;
}

.mcp-meta-card p[b-kcz7a93wie] {
max-width: 420px;
margin: 0;
font-size: 0.98rem;
line-height: 1.65;
color: var(--color-text-secondary);
}

.mcp-meta-label[b-kcz7a93wie] {
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: 0.74rem;
font-weight: 800;
line-height: 1;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.14em;
}

.mcp-badge[b-kcz7a93wie] {
width: fit-content;
padding: 0.45rem 0.75rem;
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: 0.78rem;
font-weight: 800;
line-height: 1;
color: var(--color-cta-text);
text-transform: uppercase;
letter-spacing: 0.11em;
background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-primary) 100%);
border: 1px solid rgba(var(--rgb-cta), 0.5);
border-radius: 6px;
}

.mcp-meta-value[b-kcz7a93wie] {
font-size: 1rem;
line-height: 1.4;
color: var(--color-text);
}

.mcp-author[b-kcz7a93wie] {
display: flex;
gap: 0.85rem;
align-items: center;
}

.mcp-author__avatar[b-kcz7a93wie] {
display: block;
width: 2.8rem;
height: 2.8rem;
object-fit: cover;
object-position: center;
border: 1px solid rgba(245, 241, 234, 0.42);
border-radius: 50%;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

.mcp-author__name[b-kcz7a93wie] {
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
color: var(--color-text);
}

.mcp-author__role[b-kcz7a93wie] {
font-size: 0.86rem;
line-height: 1.4;
color: var(--color-text-muted);
}

.mcp-body[b-kcz7a93wie] {
max-width: 820px;
margin: 0 auto;
}

.mcp-section[b-kcz7a93wie] {
display: grid;
align-items: start;
grid-template-columns: 3.5rem minmax(0, 1fr);
gap: 1.8rem;
padding: 2.6rem 0;
border-top: 1px solid var(--color-border);
}

.mcp-section__number[b-kcz7a93wie] {
display: flex;
align-items: center;
min-height: calc(clamp(1.5rem, 3vw, 2.15rem) * 1.2);
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: 0.9rem;
font-weight: 800;
line-height: 1;
color: var(--color-text-subtle);
}

.mcp-section h2[b-kcz7a93wie] {
margin: 0 0 1rem;
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: clamp(1.5rem, 3vw, 2.15rem);
font-weight: 800;
line-height: 1.2;
color: var(--color-text);
letter-spacing: -0.03em;
}

.mcp-section p[b-kcz7a93wie] {
max-width: none;
margin: 0 0 1.2rem;
font-size: 1.06rem;
font-weight: 400;
line-height: 1.8;
color: var(--color-text-secondary);
}

.mcp-opening[b-kcz7a93wie]::first-letter {
float: left;
margin: 0.1rem 0.42rem 0 0;
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: 5.2rem;
font-weight: 800;
line-height: 0.78;
color: var(--color-text);
letter-spacing: -0.04em;
}

.mcp-section pre[b-kcz7a93wie] {
overflow-x: auto;
margin: 1.5rem 0;
padding: 1rem 1.2rem;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 10px;
}

.mcp-section code[b-kcz7a93wie] {
font-family: "JetBrains Mono", monospace;
color: var(--color-primary-hover);
}

.mcp-rules[b-kcz7a93wie] {
display: grid;
gap: 0.8rem;
max-width: none;
margin: 0;
padding: 0;
list-style: none;
}

.mcp-rules li[b-kcz7a93wie] {
position: relative;
padding-left: 1.4rem;
font-size: 1rem;
line-height: 1.7;
color: var(--color-text-secondary);
}

.mcp-rules li[b-kcz7a93wie]::before {
content: "";
position: absolute;
top: 0.72rem;
left: 0;
width: 0.42rem;
height: 0.42rem;
background: var(--color-primary);
border-radius: 50%;
}

.mcp-note[b-kcz7a93wie] {
margin-top: 2rem;
padding-top: 2rem;
font-size: 0.95rem;
font-weight: 700;
line-height: 1.7;
color: var(--color-text);
border-top: 1px solid var(--color-border);
}

@media (max-width: 768px) {
.mcp-article[b-kcz7a93wie] {
width: min(100% - 1.5rem, 680px);
padding: 4rem 0 5rem;
}

.mcp-hero[b-kcz7a93wie] {
gap: 3rem;
margin-bottom: 4.5rem;
}

.mcp-hero__meta[b-kcz7a93wie] {
grid-template-columns: 1fr;
gap: 1.8rem;
}

.mcp-meta-stack[b-kcz7a93wie] {
gap: 1.8rem;
}

.mcp-section[b-kcz7a93wie] {
grid-template-columns: 1fr;
gap: 0.8rem;
padding: 1.7rem 0;
}

.mcp-section__number[b-kcz7a93wie] {
font-size: 0.78rem;
}
}

@media (max-width: 520px) {
.mcp-article[b-kcz7a93wie] {
width: min(100% - 1rem, 520px);
padding-top: 3rem;
}

.mcp-hero h1[b-kcz7a93wie] {
font-size: clamp(3rem, 18vw, 4.4rem);
}

.mcp-lead[b-kcz7a93wie] {
font-size: 1.02rem;
}

.mcp-opening[b-kcz7a93wie]::first-letter {
font-size: 4.2rem;
}

.mcp-section pre[b-kcz7a93wie] {
padding: 0.9rem;
font-size: 0.82rem;
}
}
/* /Pages/Lab/Articles/OptimalizaceNakladu.razor.rz.scp.css */
.cost-article-page[b-007hl04qqz] {
--border: var(--color-border);
--border-soft: rgba(255, 236, 222, 0.08);
--text: var(--color-text);
--muted: var(--color-text-secondary);
--quiet: var(--color-text-muted);
--accent: var(--color-primary);
--accent-strong: var(--color-primary-hover);
--cta: var(--color-cta);
--success: var(--color-success);
--warning: var(--color-warning);
--danger: var(--color-error);
--shadow: 0 24px 64px rgba(0, 0, 0, 0.42);
--radius: 14px;
--anchor-offset: 112px;
position: relative;
width: 100%;
max-width: 1024px;
margin: 0 auto;
padding: 0 0 80px;
font-family: "Inter", sans-serif;
font-size: 16px;
line-height: 1.7;
color: var(--text);
color-scheme: dark;
}

.cost-article-page[b-007hl04qqz],
.cost-article-page *[b-007hl04qqz] {
box-sizing: border-box;
}

.cost-article-page[b-007hl04qqz]  * {
box-sizing: border-box;
}

.cost-article-page[b-007hl04qqz]  a {
color: var(--accent-strong);
text-decoration: none;
}

.progress[b-007hl04qqz] {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 3px;
}

.progress__bar[b-007hl04qqz] {
width: 0;
height: 100%;
background: linear-gradient(90deg, var(--accent), var(--cta));
box-shadow: 0 0 20px rgba(var(--rgb-primary), 0.55);
transition: width 0.1s linear;
}

.layout[b-007hl04qqz] {
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
gap: clamp(20px, 3.5vw, 44px);
align-items: start;

@media (max-width: 900px) {
grid-template-columns: minmax(0, 1fr);[b-007hl04qqz]
}
}

.toc[b-007hl04qqz] {
position: sticky;
top: 96px;
max-height: calc(100vh - 120px);
overflow-y: auto;
padding: 16px;
background: rgba(24, 28, 33, 0.78);
border: 1px solid var(--border-soft);
border-radius: var(--radius);
box-shadow: var(--shadow);
backdrop-filter: blur(20px);

@media (max-width: 900px) {
position: relative;
top: auto;
max-height: none;[b-007hl04qqz]
}
}

.toc__label[b-007hl04qqz] {
margin: 0 0 10px;
padding: 0 4px;
font-size: 0.72rem;
font-weight: 800;
line-height: 1.4;
color: var(--quiet);
text-transform: uppercase;
letter-spacing: 0.14em;
}

.toc nav[b-007hl04qqz] {
display: grid;
gap: 2px;

@media (max-width: 900px) {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));[b-007hl04qqz]
}

@media (max-width: 540px) {
grid-template-columns: 1fr;[b-007hl04qqz]
}
}

.toc[b-007hl04qqz]  a {
display: block;
padding: 7px 10px;
font-size: 0.88rem;
line-height: 1.4;
color: var(--muted);
text-decoration: none;
background: transparent;
border-bottom: none;
border-radius: 8px;
transition: background 0.15s, color 0.15s;

&:hover {
color: var(--text);
text-decoration: none;
background: var(--color-surface);
}

&.is-active[b-007hl04qqz] {
font-weight: 600;
color: var(--accent-strong);
background: rgba(var(--rgb-primary), 0.13);
}
}

.sidebar[b-007hl04qqz] {
display: grid;
position: sticky;
top: 96px;
gap: 10px;

@media (max-width: 900px) {
position: relative;
top: auto;[b-007hl04qqz]
}
}

.profile[b-007hl04qqz] {
display: flex;
flex-direction: column;
gap: 14px;
padding: 20px;
background: rgba(24, 28, 33, 0.78);
border: 1px solid var(--border-soft);
border-radius: var(--radius);
box-shadow: var(--shadow);
backdrop-filter: blur(20px);
}

.profile__photo[b-007hl04qqz] {
display: block;
width: 72px;
height: 72px;
object-fit: cover;
object-position: top;
border: 2px solid rgba(var(--rgb-primary), 0.35);
border-radius: 50%;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.profile__name[b-007hl04qqz] {
margin: 0;
font-size: 1.05rem;
font-weight: 800;
line-height: 1.2;
color: var(--text);
}

.profile__role[b-007hl04qqz] {
margin: 2px 0 0;
font-size: 0.78rem;
line-height: 1.3;
color: var(--quiet);
}

.profile__bio[b-007hl04qqz] {
margin: 0;
font-size: 0.82rem;
line-height: 1.6;
color: var(--muted);
}

.profile__badges[b-007hl04qqz] {
display: block;
margin: -4px 0 0;
font-size: 0.68rem;
font-weight: 600;
line-height: 1.45;
color: var(--quiet);
white-space: nowrap;
}

.profile__badge[b-007hl04qqz] {
display: inline;
color: inherit;
}

.profile__badge + .profile__badge[b-007hl04qqz]::before {
content: "·";
margin: 0 0.35rem;
color: rgba(174, 162, 147, 0.62);
}

.profile__link[b-007hl04qqz] {
display: inline-flex;
align-items: center;
gap: 0.25rem;
width: fit-content;
font-size: 0.8rem;
font-weight: 700;
line-height: 1.35;
color: var(--accent);
text-decoration: none;
border-bottom: 1px solid rgba(var(--rgb-primary), 0.45);
transition: color 0.2s ease, border-color 0.2s ease;

&:hover {
color: var(--accent-strong);
text-decoration: none;
border-bottom-color: var(--accent-strong);
}
}

.authorship-note[b-007hl04qqz] {
margin: 0;
padding: 12px 14px;
font-size: 0.72rem;
font-weight: 500;
line-height: 1.45;
color: rgba(217, 208, 196, 0.68);
background: rgba(24, 28, 33, 0.42);
border: 1px solid rgba(255, 236, 222, 0.07);
border-radius: 10px;
backdrop-filter: blur(14px);
}

.authorship-note strong[b-007hl04qqz] {
font-weight: 800;
color: rgba(245, 241, 234, 0.86);
}

.cost-article-page[b-007hl04qqz]  .article-content {
min-width: 0;
padding: clamp(20px, 3vw, 36px);
overflow-wrap: break-word;
word-break: break-word;
background: linear-gradient(180deg, rgba(255, 244, 235, 0.065) 0%, rgba(255, 244, 235, 0.03) 100%);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
backdrop-filter: blur(18px);

@media (max-width: 540px) {
padding: 18px 16px;[b-007hl04qqz]
}
}

.cost-article-page[b-007hl04qqz]  .article-content > *:first-child {
margin-top: 0;
}

.cost-article-page[b-007hl04qqz]  .article-content p {
margin: 0 0 16px;
color: var(--muted);
}

.cost-article-page[b-007hl04qqz]  .article-content h2 {
margin: 48px 0 18px;
font-size: clamp(1.55rem, 3vw, 2.2rem);
font-weight: 800;
line-height: 1.12;
color: var(--text);
letter-spacing: -0.01em;
text-wrap: balance;
scroll-margin-top: var(--anchor-offset);
}

.cost-article-page[b-007hl04qqz]  .article-content h2:first-child {
margin-top: 0;
}

.cost-article-page[b-007hl04qqz]  .article-content h3 {
margin: 32px 0 10px;
font-size: clamp(1.1rem, 2vw, 1.45rem);
font-weight: 700;
line-height: 1.2;
color: var(--text);
}

.cost-article-page[b-007hl04qqz]  .article-content h4 {
margin: 30px 0 12px;
font-size: clamp(1.1rem, 2vw, 1.35rem);
font-weight: 800;
line-height: 1.25;
color: var(--text);
scroll-margin-top: var(--anchor-offset);
}

.cost-article-page[b-007hl04qqz]  .article-content .anchor-link {
margin-left: 8px;
font-size: 0.75em;
font-weight: 400;
color: var(--quiet);
text-decoration: none;
background: none;
opacity: 0;
transition: opacity 0.15s;
user-select: none;

&:hover {
color: var(--accent);
}
}

.cost-article-page[b-007hl04qqz]  .article-content h2:hover .anchor-link,
.cost-article-page[b-007hl04qqz]  .article-content h4:hover .anchor-link {
opacity: 1;
}

.cost-article-page[b-007hl04qqz]  .article-content ul,
.cost-article-page[b-007hl04qqz]  .article-content ol {
display: grid;
gap: 8px;
margin: 0 0 20px;
padding-left: 1.3rem;
color: var(--muted);
}

.cost-article-page[b-007hl04qqz]  .article-content ul {
list-style-type: disc;
}

.cost-article-page[b-007hl04qqz]  .article-content ol {
list-style-type: decimal;
}

.cost-article-page[b-007hl04qqz]  .article-content li::marker {
font-weight: 700;
color: var(--accent);
}

.cost-article-page[b-007hl04qqz]  .article-content li > ul,
.cost-article-page[b-007hl04qqz]  .article-content li > ol {
margin: 8px 0 0;
}

.cost-article-page[b-007hl04qqz]  .article-content strong {
font-weight: 700;
color: var(--text);
}

.cost-article-page[b-007hl04qqz]  .article-content code {
padding: 0;
overflow-wrap: anywhere;
font-family: "JetBrains Mono", monospace;
font-size: 0.96em;
color: #FFFFFF;
background: transparent;
border: 0;
border-radius: 0;
}

.cost-article-page[b-007hl04qqz]  .article-content pre {
overflow-x: auto;
margin: 16px 0 24px;
padding: 18px 20px;
background: rgba(0, 0, 0, 0.35);
border: 1px solid rgba(255, 236, 222, 0.1);
border-radius: 8px;
}

.cost-article-page[b-007hl04qqz]  .article-content pre code {
padding: 0;
overflow-wrap: normal;
font-size: 0.9em;
color: var(--color-text-secondary);
white-space: pre;
background: transparent;
border: 0;
}

.cost-article-page[b-007hl04qqz]  .article-content img {
display: block;
max-width: 100%;
height: auto;
margin: 18px 0 24px;
background: rgba(255, 244, 235, 0.04);
border: 1px solid var(--color-border);
border-radius: 10px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.cost-article-page[b-007hl04qqz]  .article-content .image-link {
display: inline-block;
max-width: 100%;
margin: 18px 0 24px;
line-height: 0;
text-decoration: none;
}

.cost-article-page[b-007hl04qqz]  .article-content .image-link img {
margin: 0;
}

.cost-article-page[b-007hl04qqz]  .article-content .image-link--badge,
.cost-article-page[b-007hl04qqz]  .article-content li .image-link {
margin: 0 0 0 6px;
vertical-align: -0.18em;
}

.cost-article-page[b-007hl04qqz]  .article-content .image-link--badge img,
.cost-article-page[b-007hl04qqz]  .article-content li .image-link img {
display: inline-block;
width: auto;
height: 1.25em;
max-height: none;
background: transparent;
border: 0;
border-radius: 4px;
box-shadow: none;
}

.cost-article-page[b-007hl04qqz]  .article-content blockquote {
margin: 16px 0 24px;
padding: 14px 18px 14px 20px;
color: var(--muted);
background: rgba(255, 244, 235, 0.055);
border: 1px solid var(--color-border);
border-left: 3px solid rgba(var(--rgb-primary), 0.72);
border-radius: 0 10px 10px 0;
}

.cost-article-page[b-007hl04qqz]  .article-content blockquote p {
margin-bottom: 0;
color: inherit;
}

.cost-article-page[b-007hl04qqz]  .article-content .alert__label {
display: flex;
align-items: center;
gap: 6px;
margin: 0 0 6px;
font-size: 0.78rem;
font-weight: 800;
color: var(--accent);
text-transform: uppercase;
letter-spacing: 0.08em;
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--note {
border-left-color: var(--accent);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--note .alert__label {
color: var(--accent);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--tip {
border-left-color: var(--success);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--tip .alert__label {
color: var(--success);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--important {
border-left-color: var(--cta);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--important .alert__label {
color: var(--cta);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--warning {
border-left-color: var(--warning);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--warning .alert__label {
color: var(--warning);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--caution {
border-left-color: var(--danger);
}

.cost-article-page[b-007hl04qqz]  .article-content .alert--caution .alert__label {
color: var(--danger);
}

.cost-article-page[b-007hl04qqz]  .setting-link {
color: #7DB8E8;
text-decoration: none;
white-space: nowrap;

&:hover {
color: #9FCBF0;
text-decoration: none;
}
}

.cost-article-page[b-007hl04qqz]  .setting-link code {
color: inherit;
background: transparent;
}

.cost-article-page[b-007hl04qqz]  .setting-link .setting-icon {
margin-right: 3px;
font-size: 0.8em;
opacity: 0.75;
}

.cost-article-page[b-007hl04qqz]  .loader {
padding: clamp(20px, 3vw, 36px);
background: linear-gradient(180deg, rgba(255, 244, 235, 0.065) 0%, rgba(255, 244, 235, 0.03) 100%);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
backdrop-filter: blur(18px);
}

.cost-article-page[b-007hl04qqz]  .loader h2 {
margin: 0 0 10px;
font-size: clamp(1.2rem, 2.5vw, 1.7rem);
line-height: 1.2;
}

.cost-article-page[b-007hl04qqz]  .loader p {
margin: 0 0 18px;
color: var(--muted);
}

.cost-article-page[b-007hl04qqz]  .loader code {
color: #FFFFFF;
}

.mcp-hero[b-007hl04qqz] {
display: grid;
gap: 4rem;
max-width: none;
margin: 0 0 8rem;
padding: 5.5rem 0 0;
font-family: "Inter", sans-serif;
color: var(--color-text);
}

.mcp-hero__intro[b-007hl04qqz] {
display: grid;
gap: 1.2rem;
}

.mcp-hero h1[b-007hl04qqz] {
margin: 0;
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: clamp(3.4rem, 8.6vw, 8.4rem);
font-weight: 800;
line-height: 0.86;
color: var(--color-text);
letter-spacing: -0.03em;
text-wrap: balance;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.34);
}

.mcp-lead[b-007hl04qqz] {
max-width: 860px;
margin: 0;
font-size: clamp(1.08rem, 2vw, 1.45rem);
font-weight: 400;
line-height: 1.55;
color: var(--color-text-secondary);
}

.mcp-hero__meta[b-007hl04qqz] {
display: grid;
grid-template-columns: minmax(260px, 1.2fr) minmax(280px, 1fr) minmax(220px, 0.85fr);
gap: 2rem;
align-items: start;
}

.mcp-meta-stack[b-007hl04qqz] {
display: grid;
gap: 2rem;
}

.mcp-meta-card[b-007hl04qqz] {
display: grid;
gap: 0.8rem;
}

.mcp-meta-dates[b-007hl04qqz] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}

.mcp-meta-card--updated[b-007hl04qqz] {
padding-left: 1rem;
border-left: 1px solid var(--border);

.mcp-meta-label, .mcp-meta-value {
color: var(--accent-strong);
}
}

.mcp-meta-card p[b-007hl04qqz] {
max-width: 420px;
margin: 0;
font-size: 0.98rem;
line-height: 1.65;
color: var(--color-text-secondary);
}

.mcp-meta-label[b-007hl04qqz] {
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: 0.74rem;
font-weight: 800;
line-height: 1;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.14em;
}

.mcp-badge[b-007hl04qqz] {
width: fit-content;
padding: 0.45rem 0.75rem;
font-family: "Space Grotesk", "Inter", sans-serif;
font-size: 0.78rem;
font-weight: 800;
line-height: 1;
color: var(--color-cta-text);
text-transform: uppercase;
letter-spacing: 0.11em;
background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-primary) 100%);
border: 1px solid rgba(var(--rgb-cta), 0.5);
border-radius: 6px;
}

.mcp-meta-value[b-007hl04qqz] {
font-size: 1rem;
line-height: 1.4;
color: var(--color-text);
}

.mcp-author[b-007hl04qqz] {
display: flex;
gap: 0.85rem;
align-items: center;
}

.mcp-author__avatar[b-007hl04qqz] {
display: block;
width: 2.8rem;
height: 2.8rem;
object-fit: cover;
object-position: center;
border: 1px solid rgba(245, 241, 234, 0.42);
border-radius: 50%;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

.mcp-author__name[b-007hl04qqz] {
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
color: var(--color-text);
}

.mcp-author__role[b-007hl04qqz] {
font-size: 0.86rem;
line-height: 1.4;
color: var(--color-text-muted);
}

@media (max-width: 900px) {
.mcp-hero[b-007hl04qqz] {
gap: 3rem;
margin-bottom: 4.5rem;
padding-top: 4rem;
}

.mcp-hero__meta[b-007hl04qqz] {
grid-template-columns: 1fr;
gap: 1.8rem;
}

.mcp-meta-stack[b-007hl04qqz] {
gap: 1.8rem;
}
}

@media (max-width: 520px) {
.mcp-hero[b-007hl04qqz] {
padding-top: 3rem;
}

.mcp-hero h1[b-007hl04qqz] {
font-size: clamp(3rem, 18vw, 4.4rem);
}

.mcp-lead[b-007hl04qqz] {
font-size: 1.02rem;
}
}
/* /Pages/Lab/Index.razor.rz.scp.css */

section.lab-index[b-s1g3rupmbg] {
padding-top: 1rem;
}

.section-heading[b-s1g3rupmbg] {
max-width: 720px;
margin-bottom: 1.6rem;
}

.section-heading h2[b-s1g3rupmbg] {
margin-bottom: 0.55rem;
}

.section-heading p[b-s1g3rupmbg] {
margin-bottom: 0;
font-size: 0.98rem;
line-height: 1.7;
color: var(--color-text-secondary);
}

.lab-grid[b-s1g3rupmbg] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
}

.lab-card[b-s1g3rupmbg] {
display: flex;
position: relative;
overflow: hidden;
flex-direction: column;
min-height: 260px;
padding: 1.6rem;
color: inherit;
text-decoration: none;
background: linear-gradient(145deg, rgba(255, 244, 235, 0.08), rgba(255, 244, 235, 0.035));
border: 1px solid var(--color-border);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.lab-card[b-s1g3rupmbg]::before {
content: "";
position: absolute;
top: -80px;
right: -80px;
width: 190px;
height: 190px;
background: radial-gradient(circle, rgba(var(--rgb-primary), 0.2), transparent 68%);
opacity: 0.9;
pointer-events: none;
}

.lab-card:hover[b-s1g3rupmbg] {
color: inherit;
text-decoration: none;
border-color: rgba(var(--rgb-primary), 0.34);
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.34);
transform: translateY(-3px);
}

.lab-card--costs[b-s1g3rupmbg]::before {
background: radial-gradient(circle, rgba(var(--rgb-cta), 0.2), transparent 68%);
}

.lab-card__eyebrow[b-s1g3rupmbg] {
display: inline-flex;
position: relative;
align-items: center;
gap: 0.45rem;
width: fit-content;
margin-bottom: 0.75rem;
padding: 0.28rem 0.7rem;
font-family: "Space Grotesk", sans-serif;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.2;
color: var(--color-primary-hover);
text-transform: uppercase;
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.22);
border-radius: 999px;
}

.lab-card--costs .lab-card__eyebrow[b-s1g3rupmbg] {
color: var(--color-cta);
background: rgba(var(--rgb-cta), 0.09);
border-color: rgba(var(--rgb-cta), 0.24);
}

.lab-card h3[b-s1g3rupmbg] {
position: relative;
margin-top: 0;
margin-bottom: 0.75rem;
font-size: clamp(1.25rem, 3vw, 1.7rem);
font-weight: 800;
line-height: 1.18;
color: var(--color-text);
text-shadow: none;
}

.lab-card p[b-s1g3rupmbg] {
position: relative;
margin-top: 0;
margin-bottom: 0;
font-size: 0.97rem;
line-height: 1.7;
color: var(--color-text-secondary);
}

.lab-card__cta[b-s1g3rupmbg] {
position: relative;
margin-top: 1.4rem;
font-family: "Space Grotesk", sans-serif;
font-size: 0.95rem;
font-weight: 800;
line-height: 1.3;
color: var(--color-cta);
}

.lab-card__cta[b-s1g3rupmbg]::after {
content: "→";
display: inline-block;
margin-left: 0.45rem;
transition: transform 0.2s ease;
}

.lab-card:hover .lab-card__cta[b-s1g3rupmbg]::after {
transform: translateX(3px);
}

@media (max-width: 768px) {
.lab-grid[b-s1g3rupmbg] {
grid-template-columns: 1fr;
}

.lab-card[b-s1g3rupmbg] {
min-height: 0;
padding: 1.35rem;
}
}
/* /Pages/Lenka/Index.razor.rz.scp.css */
table[b-ocbzl76umf] {
font-size: 1rem;
border-collapse: collapse;
width: 100%;
color: var(--color-text);
}

table thead[b-ocbzl76umf] {
font-weight: bold;
text-align: left;
background: var(--color-bg-alt);
}

table thead td[b-ocbzl76umf] {
padding: 0.5rem;
}

table tr td[b-ocbzl76umf] {
padding: 0.4rem 0.5rem;
border-bottom: 1px solid var(--color-border);
}

.updated td[b-ocbzl76umf] {
color: #4CAF50;
}

.date[b-ocbzl76umf] {
white-space: nowrap;
}

.location[b-ocbzl76umf] {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

h1[b-ocbzl76umf] {
margin-bottom: 1.5rem;
}

form[b-ocbzl76umf] {
background: var(--color-bg-alt);
max-width: 400px;
border-radius: 8px;
margin-top: 1.5rem;
}

form input[type="password"][b-ocbzl76umf] {
display: block;
width: 100%;
background: var(--color-field-bg);
color: var(--color-text);
border: 1px solid var(--color-field-border);
padding: 0.75rem 1rem;
border-radius: 8px;
font-size: 1rem;
font-family: var(--font-body);
box-sizing: border-box;
}

form input[type="password"]:focus[b-ocbzl76umf] {
border-color: var(--color-field-border-focus);
outline: none;
background: var(--color-field-bg-focus);
}

form button[b-ocbzl76umf] {
margin-top: 0.75rem;
}

.loading[b-ocbzl76umf] {
color: var(--color-text-muted);
font-size: 0.9rem;
margin-bottom: 1rem;
}

@media (max-width: 768px) {
form[b-ocbzl76umf] {
background: none;
border-radius: 0;
}

table thead[b-ocbzl76umf] {
display: none;
}

table[b-ocbzl76umf], tbody[b-ocbzl76umf] {
display: block;
}

table tr[b-ocbzl76umf] {
display: grid;
grid-template-columns: 1.2rem auto 1fr;
grid-template-rows: auto auto;
column-gap: 0.5rem;
padding: 0.4rem 0;
border-bottom: 1px solid var(--color-border);
}

table tr td[b-ocbzl76umf] {
display: block;
border-bottom: none;
padding: 0.05rem 0;
font-size: 0.8rem;
}

table tr td:nth-child(1)[b-ocbzl76umf] {
grid-column: 1;
grid-row: 1;
font-size: 0.8rem;
}

table tr td:nth-child(2)[b-ocbzl76umf] {
grid-column: 2;
grid-row: 1;
white-space: nowrap;
font-size: 0.8rem;
}

table tr td:nth-child(3)[b-ocbzl76umf] {
grid-column: 3;
grid-row: 1;
font-size: 0.8rem;
}

table tr td:nth-child(4)[b-ocbzl76umf] {
grid-column: 2 / -1;
grid-row: 2;
padding-left: 0;
color: var(--color-text-muted);
font-size: 0.8rem;
max-width: none;
overflow: visible;
text-overflow: clip;
white-space: normal;
}

table tbody tr:nth-child(even)[b-ocbzl76umf] {
background: rgba(255, 255, 255, 0.03);
}

.updated td[b-ocbzl76umf] {
color: #4CAF50;
}

.updated[b-ocbzl76umf] {
background: none !important;
}
}
/* /Pages/NotFound.razor.rz.scp.css */
.freetext p[b-eukmhz084h] {margin-bottom: 1rem;}
/* /Pages/OnlineSkoleni/CloudAgent.razor.rz.scp.css */
form > .country-details[b-md0fhf8049] {
width: 94%;
margin-right: 0;
}

form > div:nth-of-type(2)[b-md0fhf8049] { width:57%; }
form > div:nth-of-type(3)[b-md0fhf8049] { width:30%; }
form > div:nth-of-type(4)[b-md0fhf8049] { width:57%; }
form > div:nth-of-type(5)[b-md0fhf8049] { width:30%; }
form > div:nth-of-type(6)[b-md0fhf8049] { width:50%; }
form > div:nth-of-type(7)[b-md0fhf8049] { display:block; }

.country-field[b-md0fhf8049] {
display: inline-flex;
gap: 0.1rem;
margin: 0;
padding: 0.15rem;
background: rgba(255, 244, 235, 0.025);
border: 1px solid rgba(255, 236, 222, 0.08);
border-radius: 8px;
}

.country-field .country-option[b-md0fhf8049] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.45rem 0.7rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1;
color: var(--color-text);
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;

&:hover {
background: rgba(var(--rgb-primary), 0.07);
}

&:has(input[type="radio"]:checked)[b-md0fhf8049] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.11);
border-color: rgba(var(--rgb-primary), 0.32);
box-shadow: none;
}

&:has(input[type="radio"]:focus-visible)[b-md0fhf8049] {
outline: 2px solid var(--color-primary-hover);
outline-offset: 2px;
}
}

.country-field .country-option input[type="radio"][b-md0fhf8049] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}

.country-flag[b-md0fhf8049] {
font-size: 1.15rem;
line-height: 1;
}

.vat-id-details[b-md0fhf8049] {
display: none;
grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 1rem;
margin-right: 0;
}

.country-details:has(input[value="SK"]:checked) .vat-id-details[b-md0fhf8049] {
display: grid;
}

.vat-id-label[b-md0fhf8049] {
grid-column: 1;
grid-row: 1;
margin-right: 0;
}

.vat-id-input[b-md0fhf8049] {
grid-column: 1;
grid-row: 2;
min-width: 0;
margin-right: 0;
}

.vat-id-hint[b-md0fhf8049] {
grid-column: 2;
grid-row: 2;
align-self: center;
margin: 0;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

section:not(.hero):not(.form) > h2 + p[b-md0fhf8049] {
margin-top: 0.75rem;
}

@media only screen and (max-width: 520px) {
form > .country-details[b-md0fhf8049] {
width: 100%;
}

.vat-id-details[b-md0fhf8049] {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}

.vat-id-label[b-md0fhf8049],
.vat-id-input[b-md0fhf8049],
.vat-id-hint[b-md0fhf8049] {
grid-column: 1;
}

.vat-id-label[b-md0fhf8049] {
grid-row: 1;
}

.vat-id-input[b-md0fhf8049] {
grid-row: 2;
}

.vat-id-hint[b-md0fhf8049] {
grid-row: 3;
margin-top: 0.75rem;
}

form > div:nth-of-type(2)[b-md0fhf8049],
form > div:nth-of-type(3)[b-md0fhf8049],
form > div:nth-of-type(4)[b-md0fhf8049],
form > div:nth-of-type(5)[b-md0fhf8049],
form > div:nth-of-type(6)[b-md0fhf8049] { width:100%; }
}

.claim[b-md0fhf8049] {
    margin-top: 0;
    max-width: 768px;
    margin-bottom: 1rem;
}

.audience-grid[b-md0fhf8049] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.audience-grid h2[b-md0fhf8049],
.audience-grid p[b-md0fhf8049] {
    margin-top: 0;
}

.original-price[b-md0fhf8049] {
    font-size: 0.6em;
    opacity: 0.7;
    margin-right: 10px;
}


.gar[b-md0fhf8049] {font-weight: normal;}

.note[b-md0fhf8049] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
}

.note a[b-md0fhf8049] {
    color: var(--color-primary-hover);
}

@media only screen and (max-width: 800px) {
    .audience-grid[b-md0fhf8049] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/OnlineSkoleni/CodingAgentsSecurity.razor.rz.scp.css */
form > .country-details[b-elb3b5cv90] {
width: 94%;
margin-right: 0;
}

form > div:nth-of-type(2)[b-elb3b5cv90] { width:57%; }
form > div:nth-of-type(3)[b-elb3b5cv90] { width:30%; }
form > div:nth-of-type(4)[b-elb3b5cv90] { width:57%; }
form > div:nth-of-type(5)[b-elb3b5cv90] { width:30%; }
form > div:nth-of-type(6)[b-elb3b5cv90] { width:50%; }
form > div:nth-of-type(7)[b-elb3b5cv90] { display:block; }

.country-field[b-elb3b5cv90] {
display: inline-flex;
gap: 0.1rem;
margin: 0;
padding: 0.15rem;
background: rgba(255, 244, 235, 0.025);
border: 1px solid rgba(255, 236, 222, 0.08);
border-radius: 8px;
}

.country-field .country-option[b-elb3b5cv90] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.45rem 0.7rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1;
color: var(--color-text);
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;

&:hover {
background: rgba(var(--rgb-primary), 0.07);
}

&:has(input[type="radio"]:checked)[b-elb3b5cv90] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.11);
border-color: rgba(var(--rgb-primary), 0.32);
box-shadow: none;
}

&:has(input[type="radio"]:focus-visible)[b-elb3b5cv90] {
outline: 2px solid var(--color-primary-hover);
outline-offset: 2px;
}
}

.country-field .country-option input[type="radio"][b-elb3b5cv90] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}

.country-flag[b-elb3b5cv90] {
font-size: 1.15rem;
line-height: 1;
}

.vat-id-details[b-elb3b5cv90] {
display: none;
grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 1rem;
margin-right: 0;
}

.country-details:has(input[value="SK"]:checked) .vat-id-details[b-elb3b5cv90] {
display: grid;
}

.vat-id-label[b-elb3b5cv90] {
grid-column: 1;
grid-row: 1;
margin-right: 0;
}

.vat-id-input[b-elb3b5cv90] {
grid-column: 1;
grid-row: 2;
min-width: 0;
margin-right: 0;
}

.vat-id-hint[b-elb3b5cv90] {
grid-column: 2;
grid-row: 2;
align-self: center;
margin: 0;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

section:not(.hero):not(.form) > h2 + p[b-elb3b5cv90] {
margin-top: 0.75rem;
}

@media only screen and (max-width: 520px) {
form > .country-details[b-elb3b5cv90] {
width: 100%;
}

.vat-id-details[b-elb3b5cv90] {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}

.vat-id-label[b-elb3b5cv90],
.vat-id-input[b-elb3b5cv90],
.vat-id-hint[b-elb3b5cv90] {
grid-column: 1;
}

.vat-id-label[b-elb3b5cv90] {
grid-row: 1;
}

.vat-id-input[b-elb3b5cv90] {
grid-row: 2;
}

.vat-id-hint[b-elb3b5cv90] {
grid-row: 3;
margin-top: 0.75rem;
}

form > div:nth-of-type(2)[b-elb3b5cv90],
form > div:nth-of-type(3)[b-elb3b5cv90],
form > div:nth-of-type(4)[b-elb3b5cv90],
form > div:nth-of-type(5)[b-elb3b5cv90],
form > div:nth-of-type(6)[b-elb3b5cv90] { width:100%; }
}

.claim[b-elb3b5cv90] {
    margin-top: 0;
    max-width: 768px;
    margin-bottom: 1rem;
}

.audience-grid[b-elb3b5cv90] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.audience-grid h2[b-elb3b5cv90],
.audience-grid p[b-elb3b5cv90] {
    margin-top: 0;
}

.original-price[b-elb3b5cv90] {
    font-size: 0.6em;
    opacity: 0.7;
    margin-right: 10px;
}


.gar[b-elb3b5cv90] {font-weight: normal;}

.note[b-elb3b5cv90] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
}

.note a[b-elb3b5cv90] {
    color: var(--color-primary-hover);
}

@media only screen and (max-width: 800px) {
    .audience-grid[b-elb3b5cv90] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/OnlineSkoleni/CopilotCli.razor.rz.scp.css */
section.hero.copilot-cli-hero[b-aak3zplaza] {
display: grid;
grid-template-columns: minmax(0, 10fr) minmax(0, 8fr);
gap: 1.5rem;
align-items: center;

.hero-illustration {
max-width: none;
margin: 0;

img {
display: block;
width: 100%;
height: auto;
border: 1px solid var(--color-border);
border-radius: 10px;
}
}

@media (max-width: 1000px) {
grid-template-columns: 1fr;[b-aak3zplaza]
}
}

section.form .empty-state[b-aak3zplaza] {
grid-column: 1 / -1;

h2 {
margin-top: 0;
}
}

section.form[b-aak3zplaza]  form > .country-details {
width: 94%;
margin-right: 0;
}

section.form[b-aak3zplaza]  form > div:nth-of-type(2) {
width: 57%;
}

section.form[b-aak3zplaza]  form > div:nth-of-type(3) {
width: 30%;
}

section.form[b-aak3zplaza]  form > div:nth-of-type(4) {
width: 57%;
}

section.form[b-aak3zplaza]  form > div:nth-of-type(5) {
width: 30%;
}

section.form[b-aak3zplaza]  form > div:nth-of-type(6) {
width: 50%;
}

section.form[b-aak3zplaza]  form > div:nth-of-type(7) {
display: block;
}

.country-field[b-aak3zplaza] {
display: inline-flex;
gap: 0.1rem;
margin: 0;
padding: 0.15rem;
background: rgba(255, 244, 235, 0.025);
border: 1px solid rgba(255, 236, 222, 0.08);
border-radius: 8px;
}

.country-field .country-option[b-aak3zplaza] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.45rem 0.7rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1;
color: var(--color-text);
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
cursor: pointer;

&:hover {
background: rgba(var(--rgb-primary), 0.07);
}

&:has(input[type="radio"]:checked)[b-aak3zplaza] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.11);
border-color: rgba(var(--rgb-primary), 0.32);
}

&:has(input[type="radio"]:focus-visible)[b-aak3zplaza] {
outline: 2px solid var(--color-primary-hover);
outline-offset: 2px;
}
}

.country-field .country-option input[type="radio"][b-aak3zplaza] {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}

.country-flag[b-aak3zplaza] {
font-size: 1.15rem;
line-height: 1;
}

.vat-id-details[b-aak3zplaza] {
display: none;
grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 1rem;
margin-right: 0;
}

.country-details:has(input[value="SK"]:checked) .vat-id-details[b-aak3zplaza] {
display: grid;
}

.vat-id-label[b-aak3zplaza] {
grid-column: 1;
grid-row: 1;
margin-right: 0;
}

.vat-id-input[b-aak3zplaza] {
grid-column: 1;
grid-row: 2;
min-width: 0;
margin-right: 0;
}

.vat-id-hint[b-aak3zplaza] {
grid-column: 2;
grid-row: 2;
align-self: center;
margin: 0;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

.claim[b-aak3zplaza] {
max-width: 768px;
margin-top: 0;
margin-bottom: 1rem;
}

.original-price[b-aak3zplaza] {
margin-right: 0.6rem;
font-size: 0.6em;
opacity: 0.7;
}

.gar[b-aak3zplaza] {
font-weight: normal;
}

@media (max-width: 520px) {
section.form[b-aak3zplaza]  form > .country-details {
width: 100%;
}

.vat-id-details[b-aak3zplaza] {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}

.vat-id-label[b-aak3zplaza], .vat-id-input[b-aak3zplaza], .vat-id-hint[b-aak3zplaza] {
grid-column: 1;
}

.vat-id-label[b-aak3zplaza] {
grid-row: 1;
}

.vat-id-input[b-aak3zplaza] {
grid-row: 2;
}

.vat-id-hint[b-aak3zplaza] {
grid-row: 3;
margin-top: 0.75rem;
}

section.form[b-aak3zplaza]  form > div:nth-of-type(2),
section.form[b-aak3zplaza]  form > div:nth-of-type(3),
section.form[b-aak3zplaza]  form > div:nth-of-type(4),
section.form[b-aak3zplaza]  form > div:nth-of-type(5),
section.form[b-aak3zplaza]  form > div:nth-of-type(6) {
width: 100%;
}
}
/* /Pages/OnlineSkoleni/GitHubCopilot.razor.rz.scp.css */
section.hero[b-mqygvmw6f9] {
    @media (max-width: 1000px) {
        background-image: none;[b-mqygvmw6f9]
    }
}

form > .country-details[b-mqygvmw6f9] {
width: 94%;
margin-right: 0;
}

form > div:nth-of-type(2)[b-mqygvmw6f9] { width:57%; }
form > div:nth-of-type(3)[b-mqygvmw6f9] { width:30%; }
form > div:nth-of-type(4)[b-mqygvmw6f9] { width:57%; }
form > div:nth-of-type(5)[b-mqygvmw6f9] { width:30%; }
form > div:nth-of-type(6)[b-mqygvmw6f9] { width:50%; }
form > div:nth-of-type(7)[b-mqygvmw6f9] { display:block; }

.country-field[b-mqygvmw6f9] {
display: inline-flex;
gap: 0.1rem;
margin: 0;
padding: 0.15rem;
background: rgba(255, 244, 235, 0.025);
border: 1px solid rgba(255, 236, 222, 0.08);
border-radius: 8px;
}

.country-field .country-option[b-mqygvmw6f9] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.45rem 0.7rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1;
color: var(--color-text);
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;

&:hover {
background: rgba(var(--rgb-primary), 0.07);
}

&:has(input[type="radio"]:checked)[b-mqygvmw6f9] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.11);
border-color: rgba(var(--rgb-primary), 0.32);
box-shadow: none;
}

&:has(input[type="radio"]:focus-visible)[b-mqygvmw6f9] {
outline: 2px solid var(--color-primary-hover);
outline-offset: 2px;
}
}

.country-field .country-option input[type="radio"][b-mqygvmw6f9] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}

.country-flag[b-mqygvmw6f9] {
font-size: 1.15rem;
line-height: 1;
}

.vat-id-details[b-mqygvmw6f9] {
display: none;
grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 1rem;
margin-right: 0;
}

.country-details:has(input[value="SK"]:checked) .vat-id-details[b-mqygvmw6f9] {
display: grid;
}

.vat-id-label[b-mqygvmw6f9] {
grid-column: 1;
grid-row: 1;
margin-right: 0;
}

.vat-id-input[b-mqygvmw6f9] {
grid-column: 1;
grid-row: 2;
min-width: 0;
margin-right: 0;
}

.vat-id-hint[b-mqygvmw6f9] {
grid-column: 2;
grid-row: 2;
align-self: center;
margin: 0;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

section:not(.hero):not(.form) > h2 + p[b-mqygvmw6f9] {
margin-top: 0.75rem;
}

@media only screen and (max-width: 520px) {
form > .country-details[b-mqygvmw6f9] {
width: 100%;
}

.vat-id-details[b-mqygvmw6f9] {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}

.vat-id-label[b-mqygvmw6f9],
.vat-id-input[b-mqygvmw6f9],
.vat-id-hint[b-mqygvmw6f9] {
grid-column: 1;
}

.vat-id-label[b-mqygvmw6f9] {
grid-row: 1;
}

.vat-id-input[b-mqygvmw6f9] {
grid-row: 2;
}

.vat-id-hint[b-mqygvmw6f9] {
grid-row: 3;
margin-top: 0.75rem;
}

form > div:nth-of-type(2)[b-mqygvmw6f9],
form > div:nth-of-type(3)[b-mqygvmw6f9],
form > div:nth-of-type(4)[b-mqygvmw6f9],
form > div:nth-of-type(5)[b-mqygvmw6f9],
form > div:nth-of-type(6)[b-mqygvmw6f9] { width:100%; }
}

.claim[b-mqygvmw6f9] {
    margin-top: 0;
    max-width: 768px;
    margin-bottom: 1rem;
}

.original-price[b-mqygvmw6f9] {
    font-size: 0.6em;
    opacity: 0.7;
    margin-right: 10px;
}


.gar[b-mqygvmw6f9] {font-weight: normal;}

.note[b-mqygvmw6f9] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
}

.note a[b-mqygvmw6f9] {
    color: var(--color-primary-hover);
}
/* /Pages/OnlineSkoleni/Index.razor.rz.scp.css */
.course-list[b-q18y7xvsjq] {
display: grid;
gap: 1.25rem;
margin-bottom: 3rem;
}

.course-list h2[b-q18y7xvsjq] {
margin-top: 0;
margin-bottom: 0.5rem;
}

.course-row[b-q18y7xvsjq] {
position: relative;
display: grid;
grid-template-columns: 300px minmax(0, 1fr) auto;
align-items: center;
justify-content: space-between;
gap: 0;
overflow: hidden;
padding: 0;
background: radial-gradient(520px circle at var(--spot-x, 70%) var(--spot-y, 0%), rgba(var(--rgb-primary), 0.1) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);
transition: border-color 0.3s ease, transform 0.35s var(--ease-out), box-shadow 0.3s ease;
}

.course-row:hover[b-q18y7xvsjq] {
border-color: rgba(var(--rgb-primary), 0.42);
box-shadow: var(--shadow-card);
transform: translateY(-3px);
}

.course-row:hover .course-row__thumbnail img[b-q18y7xvsjq] {
transform: scale(1.05);
}

.course-row:hover .course-row__main h3 a[b-q18y7xvsjq] {
color: var(--color-primary-hover);
}

.course-row__main h3 a[b-q18y7xvsjq] {
color: inherit;
background: none;

&::after {
content: "";
position: absolute;
inset: 0;
}
}

.course-row__main[b-q18y7xvsjq] {
max-width: 680px;
padding: 1.5rem 2rem;
}

.course-row__thumbnail[b-q18y7xvsjq] {
align-self: stretch;
width: 100%;
min-height: 164px;
overflow: hidden;
background: rgba(255, 244, 235, 0.04);
}

.course-row__thumbnail img[b-q18y7xvsjq] {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--ease-out);
}

.course-row__main h3[b-q18y7xvsjq],
.course-row__main p[b-q18y7xvsjq] {
margin-top: 0;
}

.course-row__main h3[b-q18y7xvsjq] {
margin-bottom: 0.6rem;
font-size: 1.5rem;
line-height: 1.25;
letter-spacing: -0.035em;
}

.course-row__desc[b-q18y7xvsjq] {
margin-bottom: 0.75rem;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

.course-row__term[b-q18y7xvsjq] {
display: flex;
align-items: center;
gap: 0.6rem;
flex-wrap: wrap;
margin-bottom: 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text);
}

.course-row__term span[b-q18y7xvsjq],
.course-row__term strong[b-q18y7xvsjq] {
display: inline-flex;
align-items: center;
min-height: 1.75rem;
}

.course-row__term-badge[b-q18y7xvsjq] {
padding: 0.15rem 0.6rem;
font-family: var(--font-mono);
font-size: 0.72rem;
line-height: 1.3;
color: var(--color-text-secondary);
text-transform: uppercase;
letter-spacing: 0.04em;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 999px;
}

.course-row__term strong[b-q18y7xvsjq] {
font-family: var(--font-mono);
font-weight: 600;
color: var(--color-text);
}

.course-row__term-badge--guaranteed[b-q18y7xvsjq] {
gap: 0.35rem;
color: var(--color-success);
background: rgba(var(--rgb-success), 0.1);
border: 1px solid rgba(var(--rgb-success), 0.28);
}

.course-row__term-badge--guaranteed[b-q18y7xvsjq] (.fa-shield) {
flex: 0 0 auto;
color: var(--color-success);
text-shadow: none;
}

.course-row__price[b-q18y7xvsjq] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}

.course-row__price s[b-q18y7xvsjq] {
font-size: 0.82rem;
color: var(--color-text-secondary);
opacity: 0.75;
}

.course-row__price em[b-q18y7xvsjq] {
padding: 0.1rem 0.5rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-style: normal;
line-height: 1.3;
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.12);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 999px;
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.course-row[b-q18y7xvsjq] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 20%;
}
}
}

.course-row__action[b-q18y7xvsjq] {
flex-shrink: 0;
padding: 1.5rem 1.75rem 1.5rem 0;
}

.info-band h2[b-q18y7xvsjq],
.info-band p[b-q18y7xvsjq] {
margin-top: 0;
}

.info-band ul[b-q18y7xvsjq] {
margin-top: 0;
}

@media (max-width: 800px) {
.course-row[b-q18y7xvsjq] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
}

.course-row__main[b-q18y7xvsjq] {
padding: 1.25rem 1.25rem 1rem;
}

.course-row__action[b-q18y7xvsjq] {
width: 100%;
padding: 0 1.25rem 1.25rem;
}

.course-row__thumbnail[b-q18y7xvsjq] {
width: 100%;
min-height: auto;
aspect-ratio: 16 / 9;
}
}
/* /Pages/OnlineSkoleni/PaymentState.razor.rz.scp.css */
p[b-husmlf63r0] { margin-top: 0; }

section.payment-detail[b-husmlf63r0] {
    margin: 0 auto;
}

/* Souhrn registrace */
.registration-summary[b-husmlf63r0] {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 2.5rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
}

.registration-summary th[b-husmlf63r0],
.registration-summary td[b-husmlf63r0] {
    padding: 0.9rem 1.4rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 1rem;
    line-height: 1.4;
}

.registration-summary tr:last-child th[b-husmlf63r0],
.registration-summary tr:last-child td[b-husmlf63r0] {
    border-bottom: none;
}

.registration-summary th[b-husmlf63r0] {
    width: 40%;
    color: #cccccc;
    font-weight: 500;
}

.registration-summary td[b-husmlf63r0] {
    color: #ffffff;
    font-weight: 600;
}

/* Stav platby - box přes celou šířku */
.payment-status[b-husmlf63r0] {
    padding: 2rem;
    border-radius: 12px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.payment-status--paid[b-husmlf63r0] {
    background: linear-gradient(135deg, rgba(var(--rgb-success), 0.15) 0%, rgba(var(--rgb-success), 0.05) 100%);
    border-color: rgba(var(--rgb-success), 0.3);
}

.payment-status--unpaid[b-husmlf63r0] {
    background: linear-gradient(135deg, rgba(var(--rgb-cta), 0.15) 0%, rgba(var(--rgb-cta), 0.05) 100%);
    border-color: rgba(var(--rgb-cta), 0.3);
}

.payment-status__head[b-husmlf63r0] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.payment-status__head[b-husmlf63r0]  i {
    font-size: 3.25rem;
    flex-shrink: 0;
    line-height: 1;
    color: #ffffff;
}

.payment-status__head h2[b-husmlf63r0] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.2;
}

.payment-status__head p[b-husmlf63r0] {
    margin: 0;
    color: #cccccc;
    font-size: 0.95rem;
    line-height: 1.5;
}

.payment-status__actions[b-husmlf63r0] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.75rem;
}

.payment-refresh-info[b-husmlf63r0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding: 0.85rem 1rem;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}

.payment-refresh-info small[b-husmlf63r0] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.875rem;
}

.refresh-loader[b-husmlf63r0] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--color-cta);
    border-radius: 50%;
    animation: refresh-spin-b-husmlf63r0 1s linear infinite;
    flex-shrink: 0;
}

@keyframes refresh-spin-b-husmlf63r0 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.payment-detail__back[b-husmlf63r0] {
    margin-top: 2rem;
    text-align: center;
}

@media (max-width: 600px) {
    .payment-status__actions .button[b-husmlf63r0] {
        width: 100%;
        text-align: center;
    }
}
/* /Pages/OnlineSkoleni/Survey.razor.rz.scp.css */
section.hero[b-etrd3b087o] {
max-width: 640px;
padding-bottom: 1rem;
}

section.hero h1[b-etrd3b087o] {
margin-top: 0.35rem;
font-size: 2rem;
}

section.hero p[b-etrd3b087o] {
font-size: 0.95rem;
color: var(--color-text-muted);
}
/* /Pages/OnlineSkoleni/Surveys/CodingAgentsSecuritySurvey.razor.rz.scp.css */
.survey-form[b-yloi788krm] {
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
}

section.hero[b-yloi788krm] {
max-width: 640px;
padding-bottom: 1rem;
}

section.hero h1[b-yloi788krm] {
margin-top: 0.35rem;
font-size: 2rem;
}

section.hero p[b-yloi788krm] {
font-size: 0.95rem;
color: var(--color-text-muted);
}

.survey-kicker[b-yloi788krm] {
margin-top: 2rem;
margin-bottom: 0.25rem;
font-family: var(--font-display);
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text-muted);
}

.confirmation[b-yloi788krm] {
display: inline-flex;
align-items: center;
gap: 0.6rem;
margin-top: 2rem;
padding: 1rem 1.5rem;
font-size: 1.1rem;
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 10px;
}

section.survey-form[b-yloi788krm] {
max-width: 720px;
padding-bottom: 3rem;
}

.anonymous-box[b-yloi788krm] {
margin-bottom: 2rem;
padding: 1.2rem 1.4rem;
background: var(--color-form-surface);
border: 1px solid rgba(var(--rgb-primary), 0.18);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

.anonymous-box p[b-yloi788krm] {
margin: 0.55rem 0 0 2rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.checkbox-label[b-yloi788krm] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text);
cursor: pointer;
}

.checkbox-label[b-yloi788krm]  input {
width: 1.15rem;
height: 1.15rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.fields-section[b-yloi788krm] {
display: grid;
gap: 1.4rem;
margin-bottom: 2rem;
}

.field-block[b-yloi788krm] {
padding: 1.2rem 1.4rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
}

.field-block label[b-yloi788krm],
.field-block legend[b-yloi788krm] {
display: block;
margin: 0 0 0.35rem;
padding: 0;
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
line-height: 1.45;
color: var(--color-text);
}

.field-hint[b-yloi788krm] {
margin-bottom: 0.65rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.field-block[b-yloi788krm]  textarea {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.9rem 1rem;
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.55;
color: var(--color-text);
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 236, 222, 0.14);
border-radius: 10px;
resize: vertical;
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.field-block[b-yloi788krm]  textarea:focus {
color: var(--color-text);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(var(--rgb-primary), 0.38);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

.choice-block fieldset[b-yloi788krm] {
margin: 0;
padding: 0;
border: 0;
}

.choice-block[b-yloi788krm]  .validation-message {
margin-top: 0.75rem;
}

.choice-block .radio-label[b-yloi788krm] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
margin-top: 0.65rem;
padding: 0.75rem 0.9rem;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 400;
line-height: 1.45;
color: var(--color-text-secondary);
background: rgba(255, 255, 255, 0.04);
border-radius: 10px;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
}

.choice-block .radio-label:hover[b-yloi788krm] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.1);
}

.choice-block .radio-label[b-yloi788krm]  input {
width: 1.1rem;
height: 1.1rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.submit-section[b-yloi788krm] {
display: flex;
align-items: flex-start;
padding-top: 0.2rem;
}

.submit-section .button[b-yloi788krm] {
padding: 0.8rem 1.5rem;
}

.submit-section button:hover[b-yloi788krm] {
cursor: pointer;
}

@media (max-width: 768px) {
section.survey-form[b-yloi788krm] {
padding-left: 1rem;
padding-right: 1rem;
}

.anonymous-box[b-yloi788krm],
.field-block[b-yloi788krm] {
padding: 1rem;
}

.anonymous-box p[b-yloi788krm] {
margin-left: 0;
}
}
/* /Pages/OnlineSkoleni/Surveys/CopilotCliSurvey.razor.rz.scp.css */
.survey-form[b-4neeppuj8q] {
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
}

section.hero[b-4neeppuj8q] {
max-width: 640px;
padding-bottom: 1rem;
}

section.hero h1[b-4neeppuj8q] {
margin-top: 0.35rem;
font-size: 2rem;
}

section.hero p[b-4neeppuj8q] {
font-size: 0.95rem;
color: var(--color-text-muted);
}

.survey-kicker[b-4neeppuj8q] {
margin-top: 2rem;
margin-bottom: 0.25rem;
font-family: var(--font-display);
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text-muted);
}

.confirmation[b-4neeppuj8q] {
display: inline-flex;
align-items: center;
gap: 0.6rem;
margin-top: 2rem;
padding: 1rem 1.5rem;
font-size: 1.1rem;
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 10px;
}

section.survey-form[b-4neeppuj8q] {
max-width: 720px;
padding-bottom: 3rem;
}

.anonymous-box[b-4neeppuj8q] {
margin-bottom: 2rem;
padding: 1.2rem 1.4rem;
background: var(--color-form-surface);
border: 1px solid rgba(var(--rgb-primary), 0.18);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

.anonymous-box p[b-4neeppuj8q] {
margin: 0.55rem 0 0 2rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.checkbox-label[b-4neeppuj8q] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text);
cursor: pointer;
}

.checkbox-label[b-4neeppuj8q]  input {
width: 1.15rem;
height: 1.15rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.fields-section[b-4neeppuj8q] {
display: grid;
gap: 1.4rem;
margin-bottom: 2rem;
}

.field-block[b-4neeppuj8q] {
padding: 1.2rem 1.4rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
}

.field-block label[b-4neeppuj8q],
.field-block legend[b-4neeppuj8q] {
display: block;
margin: 0 0 0.35rem;
padding: 0;
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
line-height: 1.45;
color: var(--color-text);
}

.field-hint[b-4neeppuj8q] {
margin-bottom: 0.65rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.field-block[b-4neeppuj8q]  textarea {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.9rem 1rem;
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.55;
color: var(--color-text);
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 236, 222, 0.14);
border-radius: 10px;
resize: vertical;
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.field-block[b-4neeppuj8q]  textarea:focus {
color: var(--color-text);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(var(--rgb-primary), 0.38);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

.choice-block fieldset[b-4neeppuj8q] {
margin: 0;
padding: 0;
border: 0;
}

.choice-block[b-4neeppuj8q]  .validation-message {
margin-top: 0.75rem;
}

.choice-block .radio-label[b-4neeppuj8q] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
margin-top: 0.65rem;
padding: 0.75rem 0.9rem;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 400;
line-height: 1.45;
color: var(--color-text-secondary);
background: rgba(255, 255, 255, 0.04);
border-radius: 10px;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
}

.choice-block .radio-label:hover[b-4neeppuj8q] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.1);
}

.choice-block .radio-label[b-4neeppuj8q]  input {
width: 1.1rem;
height: 1.1rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.submit-section[b-4neeppuj8q] {
display: flex;
align-items: flex-start;
padding-top: 0.2rem;
}

.submit-section .button[b-4neeppuj8q] {
padding: 0.8rem 1.5rem;
}

.submit-section button:hover[b-4neeppuj8q] {
cursor: pointer;
}

@media (max-width: 768px) {
section.survey-form[b-4neeppuj8q] {
padding-left: 1rem;
padding-right: 1rem;
}

.anonymous-box[b-4neeppuj8q],
.field-block[b-4neeppuj8q] {
padding: 1rem;
}

.anonymous-box p[b-4neeppuj8q] {
margin-left: 0;
}
}
/* /Pages/OnlineSkoleni/Surveys/GitHubCopilotCloudAgentSurvey.razor.rz.scp.css */
.survey-form[b-1t68zxqxv7] {
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
}

section.hero[b-1t68zxqxv7] {
max-width: 640px;
padding-bottom: 1rem;
}

section.hero h1[b-1t68zxqxv7] {
margin-top: 0.35rem;
font-size: 2rem;
}

section.hero p[b-1t68zxqxv7] {
font-size: 0.95rem;
color: var(--color-text-muted);
}

.survey-kicker[b-1t68zxqxv7] {
margin-top: 2rem;
margin-bottom: 0.25rem;
font-family: var(--font-display);
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text-muted);
}

.confirmation[b-1t68zxqxv7] {
display: inline-flex;
align-items: center;
gap: 0.6rem;
margin-top: 2rem;
padding: 1rem 1.5rem;
font-size: 1.1rem;
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 10px;
}

section.survey-form[b-1t68zxqxv7] {
max-width: 720px;
padding-bottom: 3rem;
}

.anonymous-box[b-1t68zxqxv7] {
margin-bottom: 2rem;
padding: 1.2rem 1.4rem;
background: var(--color-form-surface);
border: 1px solid rgba(var(--rgb-primary), 0.18);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

.anonymous-box p[b-1t68zxqxv7] {
margin: 0.55rem 0 0 2rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.checkbox-label[b-1t68zxqxv7] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text);
cursor: pointer;
}

.checkbox-label[b-1t68zxqxv7]  input {
width: 1.15rem;
height: 1.15rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.fields-section[b-1t68zxqxv7] {
display: grid;
gap: 1.4rem;
margin-bottom: 2rem;
}

.field-block[b-1t68zxqxv7] {
padding: 1.2rem 1.4rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
}

.field-block label[b-1t68zxqxv7],
.field-block legend[b-1t68zxqxv7] {
display: block;
margin: 0 0 0.35rem;
padding: 0;
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
line-height: 1.45;
color: var(--color-text);
}

.field-hint[b-1t68zxqxv7] {
margin-bottom: 0.65rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.field-block[b-1t68zxqxv7]  textarea {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.9rem 1rem;
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.55;
color: var(--color-text);
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 236, 222, 0.14);
border-radius: 10px;
resize: vertical;
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.field-block[b-1t68zxqxv7]  textarea:focus {
color: var(--color-text);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(var(--rgb-primary), 0.38);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

.choice-block fieldset[b-1t68zxqxv7] {
margin: 0;
padding: 0;
border: 0;
}

.choice-block[b-1t68zxqxv7]  .validation-message {
margin-top: 0.75rem;
}

.choice-block .radio-label[b-1t68zxqxv7] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
margin-top: 0.65rem;
padding: 0.75rem 0.9rem;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 400;
line-height: 1.45;
color: var(--color-text-secondary);
background: rgba(255, 255, 255, 0.04);
border-radius: 10px;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
}

.choice-block .radio-label:hover[b-1t68zxqxv7] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.1);
}

.choice-block .radio-label[b-1t68zxqxv7]  input {
width: 1.1rem;
height: 1.1rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.submit-section[b-1t68zxqxv7] {
display: flex;
align-items: flex-start;
padding-top: 0.2rem;
}

.submit-section .button[b-1t68zxqxv7] {
padding: 0.8rem 1.5rem;
}

.submit-section button:hover[b-1t68zxqxv7] {
cursor: pointer;
}

@media (max-width: 768px) {
section.survey-form[b-1t68zxqxv7] {
padding-left: 1rem;
padding-right: 1rem;
}

.anonymous-box[b-1t68zxqxv7],
.field-block[b-1t68zxqxv7] {
padding: 1rem;
}

.anonymous-box p[b-1t68zxqxv7] {
margin-left: 0;
}
}
/* /Pages/OnlineSkoleni/Surveys/GitHubCopilotSurvey.razor.rz.scp.css */
.survey-form[b-937yzk0m87] {
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
}

section.hero[b-937yzk0m87] {
max-width: 640px;
padding-bottom: 1rem;
}

section.hero h1[b-937yzk0m87] {
margin-top: 0.35rem;
font-size: 2rem;
}

section.hero p[b-937yzk0m87] {
font-size: 0.95rem;
color: var(--color-text-muted);
}

.survey-kicker[b-937yzk0m87] {
margin-top: 2rem;
margin-bottom: 0.25rem;
font-family: var(--font-display);
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text-muted);
}

.confirmation[b-937yzk0m87] {
display: inline-flex;
align-items: center;
gap: 0.6rem;
margin-top: 2rem;
padding: 1rem 1.5rem;
font-size: 1.1rem;
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 10px;
}

section.survey-form[b-937yzk0m87] {
max-width: 720px;
padding-bottom: 3rem;
}

.anonymous-box[b-937yzk0m87] {
margin-bottom: 2rem;
padding: 1.2rem 1.4rem;
background: var(--color-form-surface);
border: 1px solid rgba(var(--rgb-primary), 0.18);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

.anonymous-box p[b-937yzk0m87] {
margin: 0.55rem 0 0 2rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.checkbox-label[b-937yzk0m87] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text);
cursor: pointer;
}

.checkbox-label[b-937yzk0m87]  input {
width: 1.15rem;
height: 1.15rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.fields-section[b-937yzk0m87] {
display: grid;
gap: 1.4rem;
margin-bottom: 2rem;
}

.field-block[b-937yzk0m87] {
padding: 1.2rem 1.4rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
}

.field-block label[b-937yzk0m87],
.field-block legend[b-937yzk0m87] {
display: block;
margin: 0 0 0.35rem;
padding: 0;
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
line-height: 1.45;
color: var(--color-text);
}

.field-hint[b-937yzk0m87] {
margin-bottom: 0.65rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.field-block[b-937yzk0m87]  textarea {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.9rem 1rem;
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.55;
color: var(--color-text);
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 236, 222, 0.14);
border-radius: 10px;
resize: vertical;
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.field-block[b-937yzk0m87]  textarea:focus {
color: var(--color-text);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(var(--rgb-primary), 0.38);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

.choice-block fieldset[b-937yzk0m87] {
margin: 0;
padding: 0;
border: 0;
}

.choice-block[b-937yzk0m87]  .validation-message {
margin-top: 0.75rem;
}

.choice-block .radio-label[b-937yzk0m87] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
margin-top: 0.65rem;
padding: 0.75rem 0.9rem;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 400;
line-height: 1.45;
color: var(--color-text-secondary);
background: rgba(255, 255, 255, 0.04);
border-radius: 10px;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
}

.choice-block .radio-label:hover[b-937yzk0m87] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.1);
}

.choice-block .radio-label[b-937yzk0m87]  input {
width: 1.1rem;
height: 1.1rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.submit-section[b-937yzk0m87] {
display: flex;
align-items: flex-start;
padding-top: 0.2rem;
}

.submit-section .button[b-937yzk0m87] {
padding: 0.8rem 1.5rem;
}

.submit-section button:hover[b-937yzk0m87] {
cursor: pointer;
}

@media (max-width: 768px) {
section.survey-form[b-937yzk0m87] {
padding-left: 1rem;
padding-right: 1rem;
}

.anonymous-box[b-937yzk0m87],
.field-block[b-937yzk0m87] {
padding: 1rem;
}

.anonymous-box p[b-937yzk0m87] {
margin-left: 0;
}
}
/* /Pages/OnlineSkoleni/Surveys/TaskManagementSurvey.razor.rz.scp.css */
.survey-form[b-igruugwtai] {
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
}
}

section.hero[b-igruugwtai] {
max-width: 640px;
padding-bottom: 1rem;
}

section.hero h1[b-igruugwtai] {
margin-top: 0.35rem;
font-size: 2rem;
}

section.hero p[b-igruugwtai] {
font-size: 0.95rem;
color: var(--color-text-muted);
}

.survey-kicker[b-igruugwtai] {
margin-top: 2rem;
margin-bottom: 0.25rem;
font-family: var(--font-display);
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text-muted);
}

.confirmation[b-igruugwtai] {
display: inline-flex;
align-items: center;
gap: 0.6rem;
margin-top: 2rem;
padding: 1rem 1.5rem;
font-size: 1.1rem;
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 10px;
}

section.survey-form[b-igruugwtai] {
max-width: 720px;
padding-bottom: 3rem;
}

.anonymous-box[b-igruugwtai] {
margin-bottom: 2rem;
padding: 1.2rem 1.4rem;
background: var(--color-form-surface);
border: 1px solid rgba(var(--rgb-primary), 0.18);
border-radius: 12px;
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

.anonymous-box p[b-igruugwtai] {
margin: 0.55rem 0 0 2rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.checkbox-label[b-igruugwtai] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.5;
color: var(--color-text);
cursor: pointer;
}

.checkbox-label[b-igruugwtai]  input {
width: 1.15rem;
height: 1.15rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.fields-section[b-igruugwtai] {
display: grid;
gap: 1.4rem;
margin-bottom: 2rem;
}

.field-block[b-igruugwtai] {
padding: 1.2rem 1.4rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
}

.field-block label[b-igruugwtai],
.field-block legend[b-igruugwtai] {
display: block;
margin: 0 0 0.35rem;
padding: 0;
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
line-height: 1.45;
color: var(--color-text);
}

.field-hint[b-igruugwtai] {
margin-bottom: 0.65rem;
font-size: 0.85rem;
line-height: 1.6;
color: var(--color-text-muted);
}

.field-block[b-igruugwtai]  textarea {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.9rem 1rem;
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.55;
color: var(--color-text);
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 236, 222, 0.14);
border-radius: 10px;
resize: vertical;
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.field-block[b-igruugwtai]  textarea:focus {
color: var(--color-text);
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(var(--rgb-primary), 0.38);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

.choice-block fieldset[b-igruugwtai] {
margin: 0;
padding: 0;
border: 0;
}

.choice-block[b-igruugwtai]  .validation-message {
margin-top: 0.75rem;
}

.choice-block .radio-label[b-igruugwtai] {
display: flex;
align-items: flex-start;
gap: 0.65rem;
margin-top: 0.65rem;
padding: 0.75rem 0.9rem;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 400;
line-height: 1.45;
color: var(--color-text-secondary);
background: rgba(255, 255, 255, 0.04);
border-radius: 10px;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
}

.choice-block .radio-label:hover[b-igruugwtai] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.1);
}

.choice-block .radio-label[b-igruugwtai]  input {
width: 1.1rem;
height: 1.1rem;
margin-top: 0.15rem;
accent-color: var(--color-cta);
}

.submit-section[b-igruugwtai] {
display: flex;
align-items: flex-start;
padding-top: 0.2rem;
}

.submit-section .button[b-igruugwtai] {
padding: 0.8rem 1.5rem;
}

.submit-section button:hover[b-igruugwtai] {
cursor: pointer;
}

@media (max-width: 768px) {
section.survey-form[b-igruugwtai] {
padding-left: 1rem;
padding-right: 1rem;
}

.anonymous-box[b-igruugwtai],
.field-block[b-igruugwtai] {
padding: 1rem;
}

.anonymous-box p[b-igruugwtai] {
margin-left: 0;
}
}
/* /Pages/OnlineSkoleni/TaskManagementSpecDrivenAiDevelopment.razor.rz.scp.css */
form > .country-details[b-6p0yoc95p7] {
width: 94%;
margin-right: 0;
}

form > div:nth-of-type(2)[b-6p0yoc95p7] { width:57%; }
form > div:nth-of-type(3)[b-6p0yoc95p7] { width:30%; }
form > div:nth-of-type(4)[b-6p0yoc95p7] { width:57%; }
form > div:nth-of-type(5)[b-6p0yoc95p7] { width:30%; }
form > div:nth-of-type(6)[b-6p0yoc95p7] { width:50%; }
form > div:nth-of-type(7)[b-6p0yoc95p7] { display:block; }

.country-field[b-6p0yoc95p7] {
display: inline-flex;
gap: 0.1rem;
margin: 0;
padding: 0.15rem;
background: rgba(255, 244, 235, 0.025);
border: 1px solid rgba(255, 236, 222, 0.08);
border-radius: 8px;
}

.country-field .country-option[b-6p0yoc95p7] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.45rem 0.7rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1;
color: var(--color-text);
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;

&:hover {
background: rgba(var(--rgb-primary), 0.07);
}

&:has(input[type="radio"]:checked)[b-6p0yoc95p7] {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.11);
border-color: rgba(var(--rgb-primary), 0.32);
box-shadow: none;
}

&:has(input[type="radio"]:focus-visible)[b-6p0yoc95p7] {
outline: 2px solid var(--color-primary-hover);
outline-offset: 2px;
}
}

.country-field .country-option input[type="radio"][b-6p0yoc95p7] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}

.country-flag[b-6p0yoc95p7] {
font-size: 1.15rem;
line-height: 1;
}

.vat-id-details[b-6p0yoc95p7] {
display: none;
grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 1rem;
margin-right: 0;
}

.country-details:has(input[value="SK"]:checked) .vat-id-details[b-6p0yoc95p7] {
display: grid;
}

.vat-id-label[b-6p0yoc95p7] {
grid-column: 1;
grid-row: 1;
margin-right: 0;
}

.vat-id-input[b-6p0yoc95p7] {
grid-column: 1;
grid-row: 2;
min-width: 0;
margin-right: 0;
}

.vat-id-hint[b-6p0yoc95p7] {
grid-column: 2;
grid-row: 2;
align-self: center;
margin: 0;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

section:not(.hero):not(.form) > h2 + p[b-6p0yoc95p7] {
margin-top: 0.75rem;
}

@media only screen and (max-width: 520px) {
form > .country-details[b-6p0yoc95p7] {
width: 100%;
}

.vat-id-details[b-6p0yoc95p7] {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}

.vat-id-label[b-6p0yoc95p7],
.vat-id-input[b-6p0yoc95p7],
.vat-id-hint[b-6p0yoc95p7] {
grid-column: 1;
}

.vat-id-label[b-6p0yoc95p7] {
grid-row: 1;
}

.vat-id-input[b-6p0yoc95p7] {
grid-row: 2;
}

.vat-id-hint[b-6p0yoc95p7] {
grid-row: 3;
margin-top: 0.75rem;
}

form > div:nth-of-type(2)[b-6p0yoc95p7],
form > div:nth-of-type(3)[b-6p0yoc95p7],
form > div:nth-of-type(4)[b-6p0yoc95p7],
form > div:nth-of-type(5)[b-6p0yoc95p7],
form > div:nth-of-type(6)[b-6p0yoc95p7] { width:100%; }
}

.claim[b-6p0yoc95p7] {
    margin-top: 0;
    max-width: 768px;
    margin-bottom: 1rem;
}

.audience-grid[b-6p0yoc95p7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.audience-grid h2[b-6p0yoc95p7],
.audience-grid p[b-6p0yoc95p7] {
    margin-top: 0;
}

.original-price[b-6p0yoc95p7] {
    font-size: 0.6em;
    opacity: 0.7;
    margin-right: 10px;
}


.gar[b-6p0yoc95p7] {font-weight: normal;}

.note[b-6p0yoc95p7] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
}

.note a[b-6p0yoc95p7] {
    color: var(--color-primary-hover);
}

@media only screen and (max-width: 800px) {
    .audience-grid[b-6p0yoc95p7] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Plus/Freebies.razor.rz.scp.css */
section.freebies[b-ohrux4rqvm] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
    max-width: 100%;
}

section.freebies .item[b-ohrux4rqvm] {
display: flex;
gap: 2rem;
box-sizing: border-box;
padding: 2rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

.disabled {
font-size: 0.9rem;
color: var(--color-text-secondary);

.button {
margin-right: 10px;
color: var(--color-text-muted);
text-decoration: line-through;
background: var(--color-surface-strong);
border-color: var(--color-border-strong);
box-shadow: none;
opacity: 0.6;
transform: none;
cursor: not-allowed;

&::after {
display: none;
}
}
}

@media (max-width: 768px) {
flex-direction: column;
gap: 1.5rem;
padding: 1.5rem;[b-ohrux4rqvm]
}
}


section.freebies .item-image[b-ohrux4rqvm] {
    flex: 0 0 32%;
    max-width: 32%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 5px;

    @media (max-width: 768px) {
        flex: 1;
        max-width: 100%;[b-ohrux4rqvm]
    }
}

section.freebies .item-content[b-ohrux4rqvm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.75rem;
}

section.freebies .item-content h3[b-ohrux4rqvm] {
    font-size: 1.5rem;
    margin: 0 0 0.5rem 0;
    color: var(--color-text);
    font-weight: 600;
}

section.freebies .item-content p[b-ohrux4rqvm] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

section.freebies .item-content p:last-of-type[b-ohrux4rqvm] {
    margin-top: 0.7rem;
}

section.freebies.recordings-list[b-ohrux4rqvm] {
gap: 0.75rem;
}

section.freebies .recording-item[b-ohrux4rqvm] {
padding: 1.25rem 1.5rem;

@media (max-width: 768px) {
padding: 1.25rem;[b-ohrux4rqvm]
}
}

section.freebies .recording-content[b-ohrux4rqvm] {
display: grid;
align-items: center;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1rem 2rem;
min-width: 0;

@media (max-width: 768px) {
grid-template-columns: 1fr;[b-ohrux4rqvm]
}
}

section.freebies .recording-summary[b-ohrux4rqvm] {
min-width: 0;
}

section.freebies .recording-summary h3[b-ohrux4rqvm] {
margin: 0;
font-size: 1.25rem;
line-height: 1.3;
}

section.freebies .recording-date[b-ohrux4rqvm] {
display: flex;
align-items: center;
gap: 0.4rem;
margin-top: 0.35rem;
font-family: var(--font-mono);
font-size: 0.78rem;
line-height: 1.5;
color: var(--color-text-muted);
}

section.freebies .recording-action[b-ohrux4rqvm] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.75rem;
max-width: 420px;
margin: 0;
font-size: 0.9rem;
line-height: 1.5;
color: var(--color-text-secondary);

@media (max-width: 768px) {
justify-content: flex-start;
max-width: 100%;[b-ohrux4rqvm]
}
}

section.freebies .resource-summary p.resource-description[b-ohrux4rqvm], section.freebies .article-summary p.article-description[b-ohrux4rqvm] {
margin: 0.6rem 0 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

section.freebies .resource-metadata[b-ohrux4rqvm] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 1rem;
margin-top: 0.35rem;
}

section.freebies .resource-metadata .recording-date[b-ohrux4rqvm] {
margin-top: 0;
}

section.freebies .resource-published-replaced[b-ohrux4rqvm] {
opacity: 0.7;
}

section.freebies .resource-video[b-ohrux4rqvm] {
--link-underline-offset: calc(1.25em + 0.5rem);
display: inline-flex;
align-items: center;
gap: 0.5rem;
max-width: 100%;
font-size: 0.85rem;
line-height: 1.5;
overflow-wrap: anywhere;

&:hover {
color: var(--color-text);
}
}
/* /Pages/Plus/Index.razor.rz.scp.css */
.member-bar[b-0297d998f6] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1.5rem;
min-width: 0;
margin: 2rem 0;
padding: 1rem 1.25rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 10px;

h1 {
flex-shrink: 0;
margin: 0;
font-size: 1.4rem;
font-weight: 700;
color: var(--color-cta);
}

p[b-0297d998f6] {
margin: 0;
font-size: 0.9rem;
line-height: 1.5;
}

.member-identity[b-0297d998f6] {
flex: 1;
min-width: 0;
color: var(--color-text-secondary);
overflow-wrap: anywhere;

strong {

font-weight: 600;
color: var(--color-text);
}
}

.member-access[b-0297d998f6] {
color: var(--color-success);

@media (max-width: 768px) {
width: 100%;[b-0297d998f6]
}
}
}

div.news-container[b-0297d998f6] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 2rem;
    box-sizing: border-box;
    min-width: 0;

    @media (max-width: 900px) {
        flex-direction: column;
        gap: 1rem;[b-0297d998f6]
    }
}

div.news-container > div.info[b-0297d998f6] {
flex: 1;
min-width: 0;

h2 {
padding-bottom: 0.5rem;
font-size: 1.4rem;
}

@media (max-width: 900px) {
width: 100%;[b-0297d998f6]
}
}

section.form[b-0297d998f6] {
    flex: 0 0 45%;
    display: block;
    margin-top: 2rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
    min-width: 0;

    @media (max-width: 900px) {
        flex: 1;[b-0297d998f6]
    }

    @media (max-width: 768px) {
        flex: 1;
        padding: 1.5rem;[b-0297d998f6]
    }
}

.new-developers-badge[b-0297d998f6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(var(--rgb-cta), 0.15);
    border-radius: 8px;
    color: var(--color-cta);
    font-size: 0.95rem;
    margin-top: 1.5rem;
    backdrop-filter: blur(10px);
    animation: slideInUp-b-0297d998f6 0.6s ease-out;
}

.new-developers-badge .text[b-0297d998f6] {
    color: var(--color-text);
}

.new-developers-badge .text strong[b-0297d998f6] {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--color-cta);
}

.pulse-dot[b-0297d998f6] {
    width: 10px;
    height: 10px;
    background-color: var(--color-success);
    border-radius: 50%;
    position: relative;
    animation: pulse-b-0297d998f6 2s infinite;
}

.pulse-dot[b-0297d998f6]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--color-success);
    opacity: 0.6;
    animation: pulseRing-b-0297d998f6 2s infinite;
}

@keyframes pulse-b-0297d998f6 {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

@keyframes pulseRing-b-0297d998f6 {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

@keyframes slideInUp-b-0297d998f6 {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Pages/Plus/Landing.razor.rz.scp.css */
div.news-container[b-1yieuxqyge] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 2rem;

    @media (max-width: 900px) {
        flex-direction: column;
        gap: 1rem;[b-1yieuxqyge]
    }
}

div.news-container > div.info[b-1yieuxqyge] {
    padding-top: 1rem;
    flex: 1;
    min-width: 0;
    
    h2 { font-size: 1.4rem; padding-bottom: 0.5rem;}

    @media (max-width: 900px) {
        width: 100%;[b-1yieuxqyge]
    }
}

section.form[b-1yieuxqyge] {
    flex: 0 0 40%;
    display: block;
    margin-top: 2rem;
    margin-bottom: 1rem;
    
    button {margin-right: 10px;}

    @media (max-width: 900px) {
        flex: 1;
        width: 100%;[b-1yieuxqyge]
    }

    @media (max-width: 768px) {
        max-width: 100%;
        padding: 1.5rem;[b-1yieuxqyge]
    }

}

form div:nth-of-type(1)[b-1yieuxqyge] { width: 90%; }
form div:nth-of-type(2)[b-1yieuxqyge] { width: 70%; }

@media only screen and (max-width: 520px) {
    form div:nth-of-type(1)[b-1yieuxqyge] { width: 100%; }
    form div:nth-of-type(2)[b-1yieuxqyge] { width: 100%; }
}

form div.message[b-1yieuxqyge] {display: block; width:auto;}
form .subscription h2[b-1yieuxqyge] {color:var(--color-cta);}
form .subscription p[b-1yieuxqyge] {margin-top: 1rem;}
form .subscription small[b-1yieuxqyge] {font-size: 0.8rem;}


.landing-transition[b-1yieuxqyge] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem 3rem 1.5rem;
    /*background: linear-gradient(180deg, rgba(var(--rgb-primary), 0.05), rgba(var(--rgb-primary), 0.02));*/
    /*border-top: 1px solid rgba(var(--rgb-primary), 0.2);*/
    /*border-bottom: 1px solid rgba(var(--rgb-primary), 0.2);*/
    margin: 0 0 2rem 0;
}

.transition-arrow[b-1yieuxqyge] {
    font-size: 2rem;
    color: var(--color-primary);
    animation: bounce-b-1yieuxqyge 2s infinite;
    margin-bottom: 1rem;
}

@keyframes bounce-b-1yieuxqyge {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
}

.transition-text[b-1yieuxqyge] {
    font-size: 1.1rem;
    color: var(--color-text-secondary);
    text-align: center;
    margin: 0;
    line-height: 1.5;
    max-width: 500px;
}

.transition-text strong[b-1yieuxqyge] {
    color: var(--color-primary);
    font-weight: 600;
}

@media (max-width: 600px) {
    .landing-transition[b-1yieuxqyge] {
        padding: 2rem 1rem;
    }

    .transition-arrow[b-1yieuxqyge] {
        font-size: 1.5rem;
    }

    .transition-text[b-1yieuxqyge] {
        font-size: 1rem;
    }
}

/* /Pages/Plus/Landings/CliCheatsheet.razor.rz.scp.css */
.landing-hero[b-948dv7xxdk] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
padding-top: 0;
padding-bottom: 1rem;
}

@media (max-width: 900px) {
.landing-hero[b-948dv7xxdk] {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}

.landing-content[b-948dv7xxdk] {
display: flex;
flex-direction: column;
gap: 0.8rem;
}

.landing-content p:last-of-type[b-948dv7xxdk] {
margin: 0;
}

.landing-tagline[b-948dv7xxdk] {
font-size: 1rem;
line-height: 1.5;
color: var(--color-text-secondary)ddd;
margin-top: 0;
}

.landing-benefits[b-948dv7xxdk] {
display: flex;
gap: 0.8rem;
margin-top: 0.5rem;
flex-wrap: wrap;
margin-bottom: 0;
}

.benefit-item[b-948dv7xxdk] {
display: flex;
gap: 0.4rem;
align-items: center;
background: rgba(255, 255, 255, 0.05);
padding: 0.5rem 0.8rem;
border-radius: 6px;
font-size: 0.9rem;
white-space: nowrap;
}

.benefit-item i[b-948dv7xxdk] {
color: var(--color-primary);
}

.landing-visual[b-948dv7xxdk] {
display: flex;
align-items: flex-start;
justify-content: center;
overflow: hidden;
}

.preview[b-948dv7xxdk] {
max-width: 100%;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.1);
margin-top:50px;
}

.preview img[b-948dv7xxdk] {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
/* /Pages/Plus/Landings/PowerPromptPack.razor.rz.scp.css */
.landing-hero[b-k626pin3x9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 0;
    padding-bottom: 1rem;
}

@media (max-width: 900px) {
    .landing-hero[b-k626pin3x9] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.landing-content[b-k626pin3x9] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.landing-content p:last-of-type[b-k626pin3x9]{margin:0;}

.landing-tagline[b-k626pin3x9] {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-top: 0;
}

.landing-benefits[b-k626pin3x9] {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.benefit-item[b-k626pin3x9] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.benefit-item i[b-k626pin3x9] {
    color: var(--color-primary);
}

.landing-visual[b-k626pin3x9] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.prompt-preview[b-k626pin3x9] {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    width: 100%;
}

@media (max-width: 600px) {
    .prompt-preview[b-k626pin3x9] {
        grid-template-columns: 1fr;
    }
}

.prompt-card[b-k626pin3x9] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.1), rgba(var(--rgb-primary-deep), 0.05));
    border: 1px solid rgba(var(--rgb-primary), 0.3);
    border-radius: 8px;
    padding: 0.8rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0;
}

.prompt-card[b-k626pin3x9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, var(--color-primary), var(--color-primary-strong));
}

.prompt-number[b-k626pin3x9] {
    font-size: 0.75rem;
    color: var(--color-primary);
    font-weight: bold;
    opacity: 0.7;
    min-width: 1.5rem;
}

.prompt-card strong[b-k626pin3x9] {
    font-size: 0.95rem;
    color: var(--color-text);
    line-height: 1.3;
    font-weight: normal;
}
/* /Pages/Plus/Landings/PrednaskaAiDostaneRuce.razor.rz.scp.css */
.landing-hero[b-q7xgrywobf] {
display: grid;
align-items: start;
grid-template-columns: 1fr 1fr;
gap: 2rem;
padding-top: 0;
padding-bottom: 1rem;
}

.landing-content[b-q7xgrywobf] {
display: flex;
flex-direction: column;
gap: 0.8rem;
}

.landing-content p:last-of-type[b-q7xgrywobf] {
margin: 0;
}

.landing-tagline[b-q7xgrywobf] {
margin-top: 0;
font-size: 1rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

.landing-benefits[b-q7xgrywobf] {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-top: 0.5rem;
margin-bottom: 0;
}

.benefit-item[b-q7xgrywobf] {
display: flex;
align-items: center;
gap: 0.4rem;
padding: 0.5rem 0.8rem;
font-size: 0.9rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 6px;
white-space: nowrap;
}

.benefit-item[b-q7xgrywobf]  i {
color: var(--color-primary);
}

.landing-visual[b-q7xgrywobf] {
display: flex;
align-items: flex-start;
justify-content: flex-end;
padding-top: 0.5rem;
}

.pulse[b-q7xgrywobf] {
width: 8px;
height: 8px;
background: var(--color-live);
border-radius: 50%;
animation: pulse-b-q7xgrywobf 2s infinite;
}

@keyframes pulse-b-q7xgrywobf {
0%, 100% {
opacity: 1;
box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
}

50% {
opacity: 0.7;
box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
}
}

.stream-poster[b-q7xgrywobf] {
position: relative;
box-sizing: border-box;
overflow: hidden;
width: 100%;
max-width: 420px;
min-height: 310px;
margin-top: 2rem;
padding: 1.7rem;
background: radial-gradient(circle at 82% 16%, rgba(var(--rgb-primary), 0.2), transparent 34%), linear-gradient(145deg, rgba(42, 47, 54, 0.88), rgba(18, 22, 27, 0.92));
border: 1px solid rgba(var(--rgb-primary), 0.16);
border-radius: 14px;
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

.stream-poster[b-q7xgrywobf]::before {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(110deg, rgba(var(--rgb-primary), 0.12) 0%, transparent 40%);
}

.stream-poster[b-q7xgrywobf]::after {
position: absolute;
right: -70px;
bottom: -90px;
width: 220px;
height: 220px;
content: "";
background: rgba(var(--rgb-primary), 0.1);
border-radius: 50%;
}

.poster-watermark[b-q7xgrywobf] {
position: absolute;
top: 1.3rem;
right: 1.4rem;
z-index: 1;
}

.poster-watermark[b-q7xgrywobf]  i {
font-size: 2.8rem;
color: var(--color-primary-hover);
filter: drop-shadow(0 12px 28px rgba(var(--rgb-primary), 0.24));
}

.poster-kicker[b-q7xgrywobf] {
display: flex;
position: relative;
z-index: 1;
align-items: center;
gap: 0.5rem;
margin: 0 0 1.7rem;
font-family: var(--font-display);
font-size: 0.82rem;
font-weight: 600;
color: var(--color-live);
text-transform: uppercase;
letter-spacing: 0.05em;
}

.poster-date[b-q7xgrywobf] {
position: relative;
z-index: 1;
margin: 0;
font-family: var(--font-display);
font-size: 3.8rem;
font-weight: 700;
line-height: 0.95;
color: var(--color-text);
letter-spacing: 0;
}

.poster-date span[b-q7xgrywobf] {
display: block;
margin-top: 0.45rem;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.4;
color: var(--color-text-secondary);
}

.poster-title[b-q7xgrywobf] {
position: relative;
z-index: 1;
max-width: 330px;
margin: 1.5rem 0 0;
font-size: 1.25rem;
line-height: 1.35;
color: var(--color-text);
}

.poster-meta[b-q7xgrywobf] {
display: flex;
position: relative;
z-index: 1;
flex-direction: column;
gap: 0.45rem;
margin: 1.6rem 0 0;
padding: 0;
font-size: 0.9rem;
line-height: 1.4;
color: var(--color-text-secondary);
}

.poster-meta li[b-q7xgrywobf] {
display: flex;
align-items: center;
gap: 0.5rem;
}

.poster-meta[b-q7xgrywobf]  i {
color: var(--color-primary-hover);
}

.poster-meta li:first-child[b-q7xgrywobf]  i {
color: #FF0000;
}

.poster-meta a[b-q7xgrywobf] {
--link-underline-offset: calc(1.25em + 0.5rem);
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: inherit;
}

.poster-meta a:hover[b-q7xgrywobf] {
color: var(--color-primary-hover);
}

.landing-stream[b-q7xgrywobf] {
display: grid;
align-items: start;
grid-template-columns: 0.95fr 1.05fr;
gap: 2rem;
padding: 2.8rem 0;
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}

.stream-copy h2[b-q7xgrywobf] {
margin: 0;
font-size: 1.45rem;
line-height: 1.35;
color: var(--color-text);
}

.section-label[b-q7xgrywobf] {
margin: 0 0 0.7rem;
font-family: var(--font-display);
font-size: 0.82rem;
font-weight: 700;
color: var(--color-cta);
text-transform: uppercase;
letter-spacing: 0.08em;
}

.stream-points[b-q7xgrywobf] {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 0;
padding: 0;
}

.stream-points li[b-q7xgrywobf] {
display: grid;
align-items: start;
grid-template-columns: auto 1fr;
gap: 0.8rem;
padding-bottom: 1rem;
font-size: 1rem;
line-height: 1.55;
color: var(--color-text-secondary);
border-bottom: 1px solid var(--color-border);
}

.stream-points li:last-child[b-q7xgrywobf] {
padding-bottom: 0;
border-bottom: 0;
}

.stream-points li[b-q7xgrywobf]  i {
margin-top: 0.25rem;
color: var(--color-primary-hover);
}

.stream-points strong[b-q7xgrywobf] {
color: var(--color-text);
}

@media (max-width: 900px) {
.landing-hero[b-q7xgrywobf] {
grid-template-columns: 1fr;
gap: 1.5rem;
}

.landing-stream[b-q7xgrywobf] {
grid-template-columns: 1fr;
gap: 1.5rem;
}

.landing-visual[b-q7xgrywobf] {
justify-content: stretch;
}

.stream-poster[b-q7xgrywobf] {
width: 100%;
max-width: 100%;
margin-top: 0;
}
}

@media (max-width: 520px) {
.landing-benefits[b-q7xgrywobf] {
gap: 0.6rem;
}

.benefit-item[b-q7xgrywobf] {
box-sizing: border-box;
width: 100%;
white-space: normal;
}

.landing-visual[b-q7xgrywobf] {
justify-content: stretch;
padding-top: 0.4rem;
}

.stream-poster[b-q7xgrywobf] {
max-width: none;
min-height: 270px;
padding: 1.4rem;
}

.poster-date[b-q7xgrywobf] {
font-size: 3.1rem;
}

.poster-title[b-q7xgrywobf] {
font-size: 1.1rem;
}
}
/* /Pages/Plus/Landings/PrednaskaBackgroundAgenti.razor.rz.scp.css */
.landing-hero[b-ot7sw8oexc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 0;
    padding-bottom: 1rem;
}

@media (max-width: 900px) {
    .landing-hero[b-ot7sw8oexc] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.landing-content[b-ot7sw8oexc] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.landing-content p:last-of-type[b-ot7sw8oexc] {
    margin: 0;
}

.landing-tagline[b-ot7sw8oexc] {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-top: 0;
}

.landing-benefits[b-ot7sw8oexc] {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.benefit-item[b-ot7sw8oexc] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.benefit-item i[b-ot7sw8oexc] {
    color: var(--color-primary);
}

.landing-visual[b-ot7sw8oexc] {
    display: flex;
    align-items: flex-start;
    justify-content: center;

    div {margin-bottom: auto;}
}

.talk-preview[b-ot7sw8oexc] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.08), rgba(var(--rgb-primary-deep), 0.05));
    border: 1px solid rgba(var(--rgb-primary), 0.3);
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    margin-top: 2rem;
}

.preview-header[b-ot7sw8oexc] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.15), rgba(var(--rgb-primary-deep), 0.1));
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(var(--rgb-primary), 0.2);
}

.live-indicator[b-ot7sw8oexc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: bold;
    color: var(--color-live);
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    margin-top: 0.5rem;
}

.pulse[b-ot7sw8oexc] {
    width: 8px;
    height: 8px;
    background: var(--color-live);
    border-radius: 50%;
    animation: pulse-b-ot7sw8oexc 2s infinite;
}

@keyframes pulse-b-ot7sw8oexc {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
    }
}

.date-badge[b-ot7sw8oexc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--color-primary);
    background: rgba(var(--rgb-primary), 0.1);
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
}

.date-badge i[b-ot7sw8oexc] {
    font-size: 0.85rem;
}

.preview-content[b-ot7sw8oexc] {
    padding: 1.5rem 1rem;
}

.preview-content h3[b-ot7sw8oexc] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: var(--color-text);
}

.topic-list[b-ot7sw8oexc] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.topic-list li[b-ot7sw8oexc] {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;

    i {
        margin-top: 0.35rem;
    }
}

.topic-list li i[b-ot7sw8oexc] {
    color: var(--color-primary);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.topic-list li div[b-ot7sw8oexc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.topic-list li strong[b-ot7sw8oexc] {
    color: var(--color-text);
    font-size: 0.95rem;
}

.topic-list li span[b-ot7sw8oexc] {
    color: var(--color-text-muted);
    font-size: 0.85rem;
    line-height: 1.4;
}

.preview-footer[b-ot7sw8oexc] {
    background: rgba(0, 0, 0, 0.2);
    padding: 0.8rem 1rem;
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    border-top: 1px solid rgba(var(--rgb-primary), 0.2);
}

.stat[b-ot7sw8oexc] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

.stat i[b-ot7sw8oexc] {
    color: var(--color-primary);
}

/* Landing Features Section */
.landing-features[b-ot7sw8oexc] {
}

.feature-grid[b-ot7sw8oexc] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 900px) {
    .feature-grid[b-ot7sw8oexc] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.feature-card[b-ot7sw8oexc] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.08), rgba(var(--rgb-primary-deep), 0.05));
    border: 1px solid rgba(var(--rgb-primary), 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.feature-card:hover[b-ot7sw8oexc] {
    transform: translateY(-4px);
    border-color: rgba(var(--rgb-primary), 0.4);
    box-shadow: 0 8px 20px rgba(var(--rgb-primary), 0.15);
}

.feature-icon[b-ot7sw8oexc] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.feature-icon i[b-ot7sw8oexc] {
    font-size: 1.5rem;
    color: var(--color-text);
}

.feature-card h3[b-ot7sw8oexc] {
    font-size: 1.1rem;
    margin: 0 0 0.8rem 0;
    color: var(--color-text);
}

.feature-card p[b-ot7sw8oexc] {
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Testimonial Section */
.landing-testimonial[b-ot7sw8oexc] {
    padding: 3rem 1rem;
}

.testimonial-content[b-ot7sw8oexc] {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.testimonial-content blockquote[b-ot7sw8oexc] {
    font-size: 1.2rem;
    font-style: italic;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 1rem 0;
    padding: 0;
    border: none;
    position: relative;
}

.testimonial-content blockquote[b-ot7sw8oexc]::before {
    content: '"';
    font-size: 3rem;
    color: var(--color-primary);
    opacity: 0.3;
    position: absolute;
    top: -1rem;
    left: -1rem;
}

.testimonial-author[b-ot7sw8oexc] {
    font-size: 0.95rem;
    color: var(--color-text-muted);
    margin: 0;
}

@media (max-width: 600px) {
    .testimonial-content blockquote[b-ot7sw8oexc] {
        font-size: 1rem;
    }
}
/* /Pages/Plus/Landings/PrednaskaCopilotCloudAgent.razor.rz.scp.css */
.landing-hero[b-7h18a04e1k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
    padding-top: 0;
    padding-bottom: 1rem;
}

@media (max-width: 900px) {
    .landing-hero[b-7h18a04e1k] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.landing-content[b-7h18a04e1k] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.landing-content p:last-of-type[b-7h18a04e1k] {
    margin: 0;
}

.landing-tagline[b-7h18a04e1k] {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-top: 0;
}

.landing-benefits[b-7h18a04e1k] {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.benefit-item[b-7h18a04e1k] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    background: var(--color-surface);
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.benefit-item i[b-7h18a04e1k] {
    color: var(--color-primary);
}

.landing-visual[b-7h18a04e1k] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0.5rem;
}

.pulse[b-7h18a04e1k] {
    width: 8px;
    height: 8px;
    background: var(--color-live);
    border-radius: 50%;
    animation: pulse-b-7h18a04e1k 2s infinite;
}

@keyframes pulse-b-7h18a04e1k {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
    }
}

.stream-poster[b-7h18a04e1k] {
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 420px;
    min-height: 310px;
    padding: 1.7rem;
    box-sizing: border-box;
    background: radial-gradient(circle at 82% 16%, rgba(255, 0, 0, 0.18), transparent 34%), linear-gradient(145deg, rgba(42, 47, 54, 0.88), rgba(18, 22, 27, 0.92));
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

.stream-poster[b-7h18a04e1k]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, rgba(255, 0, 0, 0.12) 0%, transparent 36%);
}

.stream-poster[b-7h18a04e1k]::after {
    content: '';
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 220px;
    height: 220px;
    background: rgba(255, 0, 0, 0.1);
    border-radius: 50%;
}

.poster-watermark[b-7h18a04e1k] {
    position: absolute;
    top: 1.3rem;
    right: 1.4rem;
    z-index: 1;
}

.poster-watermark i[b-7h18a04e1k] {
    color: #FF0000;
    font-size: 2.8rem;
    filter: drop-shadow(0 12px 28px rgba(255, 0, 0, 0.24));
}

.poster-kicker[b-7h18a04e1k] {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1.7rem;
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-live);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.poster-date[b-7h18a04e1k] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-family: var(--font-display);
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 0.95;
    color: var(--color-text);
    letter-spacing: 0;
}

.poster-date span[b-7h18a04e1k] {
    display: block;
    margin-top: 0.45rem;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.poster-title[b-7h18a04e1k] {
    position: relative;
    z-index: 1;
    max-width: 330px;
    margin: 1.5rem 0 0;
    font-size: 1.25rem;
    line-height: 1.35;
    color: var(--color-text);
}

.poster-meta[b-7h18a04e1k] {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 0;
    flex-direction: column;
    gap: 0.45rem;
    margin: 1.6rem 0 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.poster-meta li[b-7h18a04e1k] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.poster-meta i[b-7h18a04e1k] {
    color: var(--color-primary-hover);
}

.poster-meta li:first-child i[b-7h18a04e1k] {
    color: #FF0000;
}

.poster-meta a[b-7h18a04e1k] {
    --link-underline-offset: calc(1.25em + 0.5rem);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: inherit;
}

.poster-meta a:hover[b-7h18a04e1k] {
    color: var(--color-primary-hover);
}

.landing-stream[b-7h18a04e1k] {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 2rem;
    align-items: start;
    padding: 2.8rem 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.stream-copy h2[b-7h18a04e1k] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.35;
    color: var(--color-text);
}

.section-label[b-7h18a04e1k] {
    margin: 0 0 0.7rem;
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-cta);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.stream-points[b-7h18a04e1k] {
    display: flex;
    padding: 0;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
}

.stream-points li[b-7h18a04e1k] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.8rem;
    align-items: start;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    font-size: 1rem;
    line-height: 1.55;
}

.stream-points li:last-child[b-7h18a04e1k] {
    padding-bottom: 0;
    border-bottom: 0;
}

.stream-points li[b-7h18a04e1k]  i {
    margin-top: 0.25rem;
    color: var(--color-primary-hover);
}

.stream-points strong[b-7h18a04e1k] {
    color: var(--color-text);
}

.landing-testimonials[b-7h18a04e1k] {
    padding: 2rem 0 3rem;
}

.landing-testimonials blockquote[b-7h18a04e1k] {
    max-width: 760px;
    margin: 0;
    padding-left: 1.25rem;
    border-left: 3px solid rgba(var(--rgb-primary), 0.28);
    font-size: 1.05rem;
    font-style: italic;
    line-height: 1.65;
    color: var(--color-text-secondary);
}

.testimonial-author[b-7h18a04e1k] {
    margin: 0.8rem 0 0 1.45rem;
    font-size: 0.9rem;
    color: var(--color-text-muted);
}

@media (max-width: 900px) {
    .landing-stream[b-7h18a04e1k] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .landing-visual[b-7h18a04e1k] {
        justify-content: stretch;
    }

    .stream-poster[b-7h18a04e1k] {
        max-width: 100%;
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 520px) {
    .landing-benefits[b-7h18a04e1k] {
        gap: 0.6rem;
    }

    .benefit-item[b-7h18a04e1k] {
        width: 100%;
        box-sizing: border-box;
        white-space: normal;
    }

    .landing-visual[b-7h18a04e1k] {
        padding-top: 0.4rem;
    }

    .landing-visual[b-7h18a04e1k] {
        justify-content: stretch;
    }

    .stream-poster[b-7h18a04e1k] {
        max-width: none;
        min-height: 270px;
        padding: 1.4rem;
    }

    .poster-date[b-7h18a04e1k] {
        font-size: 3.1rem;
    }

    .poster-title[b-7h18a04e1k] {
        font-size: 1.1rem;
    }
}

.landing-bridge[b-7h18a04e1k] {
    padding: 0 0 3rem;
}

.bridge-card[b-7h18a04e1k] {
    max-width: 760px;
    padding: 1.8rem 2rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 12px;
}

.bridge-card .section-label[b-7h18a04e1k] {
    color: var(--color-primary-hover);
}

.bridge-card h2[b-7h18a04e1k] {
    margin: 0 0 0.6rem;
    font-size: 1.45rem;
    line-height: 1.35;
    color: var(--color-text);
}

.bridge-card p[b-7h18a04e1k] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.55;
    color: var(--color-text-secondary);
}

.bridge-card .cta[b-7h18a04e1k] {
    margin-top: 1.3rem;
}

@media (max-width: 520px) {
    .bridge-card[b-7h18a04e1k] {
        padding: 1.4rem 1.3rem;
    }
}
/* /Pages/Plus/Landings/PrednaskaCopilotPricing.razor.rz.scp.css */
.landing-hero[b-psgqs0xl32] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
    padding-top: 0;
    padding-bottom: 1rem;
}

@media (max-width: 900px) {
    .landing-hero[b-psgqs0xl32] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.landing-content[b-psgqs0xl32] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.landing-content p:last-of-type[b-psgqs0xl32] {
    margin: 0;
}

.landing-tagline[b-psgqs0xl32] {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-top: 0;
}

.landing-benefits[b-psgqs0xl32] {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.benefit-item[b-psgqs0xl32] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    background: var(--color-surface);
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.benefit-item i[b-psgqs0xl32] {
    color: var(--color-primary);
}

.landing-visual[b-psgqs0xl32] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0.5rem;
}

.pulse[b-psgqs0xl32] {
    width: 8px;
    height: 8px;
    background: var(--color-live);
    border-radius: 50%;
    animation: pulse-b-psgqs0xl32 2s infinite;
}

@keyframes pulse-b-psgqs0xl32 {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
    }
}

.stream-poster[b-psgqs0xl32] {
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 420px;
    min-height: 310px;
    padding: 1.7rem;
    box-sizing: border-box;
    background: radial-gradient(circle at 82% 16%, rgba(255, 0, 0, 0.18), transparent 34%), linear-gradient(145deg, rgba(42, 47, 54, 0.88), rgba(18, 22, 27, 0.92));
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

.stream-poster[b-psgqs0xl32]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, rgba(255, 0, 0, 0.12) 0%, transparent 36%);
}

.stream-poster[b-psgqs0xl32]::after {
    content: '';
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 220px;
    height: 220px;
    background: rgba(255, 0, 0, 0.1);
    border-radius: 50%;
}

.poster-watermark[b-psgqs0xl32] {
    position: absolute;
    top: 1.3rem;
    right: 1.4rem;
    z-index: 1;
}

.poster-watermark i[b-psgqs0xl32] {
    color: #FF0000;
    font-size: 2.8rem;
    filter: drop-shadow(0 12px 28px rgba(255, 0, 0, 0.24));
}

.poster-kicker[b-psgqs0xl32] {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1.7rem;
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-live);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.poster-date[b-psgqs0xl32] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-family: var(--font-display);
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 0.95;
    color: var(--color-text);
    letter-spacing: 0;
}

.poster-date span[b-psgqs0xl32] {
    display: block;
    margin-top: 0.45rem;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.poster-title[b-psgqs0xl32] {
    position: relative;
    z-index: 1;
    max-width: 330px;
    margin: 1.5rem 0 0;
    font-size: 1.25rem;
    line-height: 1.35;
    color: var(--color-text);
}

.poster-meta[b-psgqs0xl32] {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 0;
    flex-direction: column;
    gap: 0.45rem;
    margin: 1.6rem 0 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.poster-meta li[b-psgqs0xl32] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.poster-meta i[b-psgqs0xl32] {
    color: var(--color-primary-hover);
}

.poster-meta li:first-child i[b-psgqs0xl32] {
    color: #FF0000;
}

.poster-meta a[b-psgqs0xl32] {
    --link-underline-offset: calc(1.25em + 0.5rem);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: inherit;
}

.poster-meta a:hover[b-psgqs0xl32] {
    color: var(--color-primary-hover);
}

.landing-stream[b-psgqs0xl32] {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 2rem;
    align-items: start;
    padding: 2.8rem 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.stream-copy h2[b-psgqs0xl32] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.35;
    color: var(--color-text);
}

.section-label[b-psgqs0xl32] {
    margin: 0 0 0.7rem;
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-cta);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.stream-points[b-psgqs0xl32] {
    display: flex;
    padding: 0;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
}

.stream-points li[b-psgqs0xl32] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.8rem;
    align-items: start;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    font-size: 1rem;
    line-height: 1.55;
}

.stream-points li:last-child[b-psgqs0xl32] {
    padding-bottom: 0;
    border-bottom: 0;
}

.stream-points li[b-psgqs0xl32]  i {
    margin-top: 0.25rem;
    color: var(--color-primary-hover);
}

.stream-points strong[b-psgqs0xl32] {
    color: var(--color-text);
}

.landing-testimonials[b-psgqs0xl32] {
    padding: 2rem 0 3rem;
}

.landing-testimonials blockquote[b-psgqs0xl32] {
    max-width: 760px;
    margin: 0;
    padding-left: 1.25rem;
    border-left: 3px solid rgba(var(--rgb-primary), 0.28);
    font-size: 1.05rem;
    font-style: italic;
    line-height: 1.65;
    color: var(--color-text-secondary);
}

.testimonial-author[b-psgqs0xl32] {
    margin: 0.8rem 0 0 1.45rem;
    font-size: 0.9rem;
    color: var(--color-text-muted);
}

@media (max-width: 900px) {
    .landing-stream[b-psgqs0xl32] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .landing-visual[b-psgqs0xl32] {
        justify-content: stretch;
    }

    .stream-poster[b-psgqs0xl32] {
        max-width: 100%;
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 520px) {
    .landing-benefits[b-psgqs0xl32] {
        gap: 0.6rem;
    }

    .benefit-item[b-psgqs0xl32] {
        width: 100%;
        box-sizing: border-box;
        white-space: normal;
    }

    .landing-visual[b-psgqs0xl32] {
        padding-top: 0.4rem;
    }

    .landing-visual[b-psgqs0xl32] {
        justify-content: stretch;
    }

    .stream-poster[b-psgqs0xl32] {
        max-width: none;
        min-height: 270px;
        padding: 1.4rem;
    }

    .poster-date[b-psgqs0xl32] {
        font-size: 3.1rem;
    }

    .poster-title[b-psgqs0xl32] {
        font-size: 1.1rem;
    }
}
/* /Pages/Plus/Landings/PrednaskaCopilotVsClaudeCode.razor.rz.scp.css */
.landing-hero[b-1zo8nx9ws5] {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 2rem;
padding-top: 0;
padding-bottom: 1rem;

@media (max-width: 900px) {
grid-template-columns: 1fr;
gap: 1.5rem;[b-1zo8nx9ws5]
}
}

.landing-content[b-1zo8nx9ws5] {
display: flex;
flex-direction: column;
gap: 0.8rem;

p:last-of-type {
margin: 0;
}
}

.landing-tagline[b-1zo8nx9ws5] {
margin-top: 0;
font-size: 1rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

.landing-benefits[b-1zo8nx9ws5] {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-top: 0.5rem;
margin-bottom: 0;

@media (max-width: 520px) {
gap: 0.6rem;[b-1zo8nx9ws5]
}
}

.benefit-item[b-1zo8nx9ws5] {
display: flex;
align-items: center;
gap: 0.4rem;
padding: 0.5rem 0.8rem;
font-size: 0.9rem;
white-space: nowrap;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-small);

@media (max-width: 520px) {
box-sizing: border-box;
width: 100%;
white-space: normal;[b-1zo8nx9ws5]
}
}

.benefit-item[b-1zo8nx9ws5]  i {
color: var(--color-primary);
}

.landing-visual[b-1zo8nx9ws5] {
display: flex;
align-items: flex-start;
justify-content: flex-end;
padding-top: 0.5rem;

@media (max-width: 900px) {
justify-content: stretch;[b-1zo8nx9ws5]
}

@media (max-width: 520px) {
padding-top: 0.4rem;[b-1zo8nx9ws5]
}
}

.pulse[b-1zo8nx9ws5] {
width: 8px;
height: 8px;
background: var(--color-live);
border-radius: 50%;
animation: pulse-b-1zo8nx9ws5 2s infinite;
}

@keyframes pulse-b-1zo8nx9ws5 {
0%, 100% {
opacity: 1;
box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
}

50% {
opacity: 0.7;
box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
}
}

.stream-poster[b-1zo8nx9ws5] {
position: relative;
box-sizing: border-box;
overflow: hidden;
width: 100%;
max-width: 420px;
min-height: 310px;
margin-top: 2rem;
padding: 1.7rem;
background: radial-gradient(circle at 82% 16%, rgba(var(--rgb-primary), 0.2), transparent 34%), linear-gradient(145deg, rgba(42, 47, 54, 0.88), rgba(18, 22, 27, 0.92));
border: 1px solid rgba(var(--rgb-primary), 0.16);
border-radius: 14px;
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);

&::before {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(110deg, rgba(var(--rgb-primary), 0.12) 0%, transparent 40%);
}

&[b-1zo8nx9ws5]::after {
position: absolute;
right: -70px;
bottom: -90px;
width: 220px;
height: 220px;
content: "";
background: rgba(var(--rgb-primary), 0.1);
border-radius: 50%;
}

@media (max-width: 900px) {
width: 100%;
max-width: 100%;
margin-top: 0;[b-1zo8nx9ws5]
}

@media (max-width: 520px) {
max-width: none;
min-height: 270px;
padding: 1.4rem;[b-1zo8nx9ws5]
}
}

.poster-watermark[b-1zo8nx9ws5] {
position: absolute;
top: 1.3rem;
right: 1.4rem;
z-index: 1;
}

.poster-watermark[b-1zo8nx9ws5]  i {
font-size: 2.8rem;
color: var(--color-primary-hover);
filter: drop-shadow(0 12px 28px rgba(var(--rgb-primary), 0.24));
}

.poster-kicker[b-1zo8nx9ws5] {
display: flex;
position: relative;
z-index: 1;
align-items: center;
gap: 0.5rem;
margin: 0 0 1.7rem;
font-family: var(--font-display);
font-size: 0.82rem;
font-weight: 600;
color: var(--color-live);
text-transform: uppercase;
letter-spacing: 0.05em;
}

.poster-date[b-1zo8nx9ws5] {
position: relative;
z-index: 1;
margin: 0;
font-family: var(--font-display);
font-size: 3.8rem;
font-weight: 700;
line-height: 0.95;
color: var(--color-text);
letter-spacing: 0;

span {
display: block;
margin-top: 0.45rem;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.4;
color: var(--color-text-secondary);
}

@media (max-width: 520px) {
font-size: 3.1rem;[b-1zo8nx9ws5]
}
}

.poster-title[b-1zo8nx9ws5] {
position: relative;
z-index: 1;
max-width: 330px;
margin: 1.5rem 0 0;
font-size: 1.25rem;
line-height: 1.35;
color: var(--color-text);

@media (max-width: 520px) {
font-size: 1.1rem;[b-1zo8nx9ws5]
}
}

.poster-meta[b-1zo8nx9ws5] {
display: flex;
position: relative;
z-index: 1;
flex-direction: column;
gap: 0.45rem;
margin: 1.6rem 0 0;
padding: 0;
font-size: 0.9rem;
line-height: 1.4;
color: var(--color-text-secondary);

li {
display: flex;
align-items: center;
gap: 0.5rem;
}
}

.poster-meta[b-1zo8nx9ws5]  i {
color: var(--color-primary-hover);
}

.poster-meta li:first-child[b-1zo8nx9ws5]  i {
color: #FF0000;
}

.poster-meta a[b-1zo8nx9ws5] {
--link-underline-offset: calc(1.25em + 0.5rem);
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: inherit;
}

.poster-meta a:hover[b-1zo8nx9ws5] {
color: var(--color-primary-hover);
}

.landing-stream[b-1zo8nx9ws5] {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
align-items: start;
gap: 2rem;
padding: 2.8rem 0;
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);

@media (max-width: 900px) {
grid-template-columns: 1fr;
gap: 1.5rem;[b-1zo8nx9ws5]
}
}

.stream-copy h2[b-1zo8nx9ws5] {
margin: 0;
font-size: 1.45rem;
line-height: 1.35;
color: var(--color-text);
}

.section-label[b-1zo8nx9ws5] {
margin: 0 0 0.7rem;
font-family: var(--font-display);
font-size: 0.82rem;
font-weight: 700;
color: var(--color-cta);
text-transform: uppercase;
letter-spacing: 0.08em;
}

.stream-points[b-1zo8nx9ws5] {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 0;
padding: 0;

li {
display: grid;
grid-template-columns: auto 1fr;
align-items: start;
gap: 0.8rem;
padding-bottom: 1rem;
font-size: 1rem;
line-height: 1.55;
color: var(--color-text-secondary);
border-bottom: 1px solid var(--color-border);

&:last-child {
padding-bottom: 0;
border-bottom: 0;
}
}

strong[b-1zo8nx9ws5] {
color: var(--color-text);
}
}

.stream-points li[b-1zo8nx9ws5]  i {
margin-top: 0.25rem;
color: var(--color-primary-hover);
}

.landing-audience[b-1zo8nx9ws5] {
padding: 2.8rem 0;

h2 {
margin: 0 0 1.5rem;
font-size: 1.45rem;
line-height: 1.35;
color: var(--color-text);
}
}

.landing-author[b-1zo8nx9ws5] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 2rem;
padding: 2.8rem 0 3rem;
border-top: 1px solid var(--color-border);

@media (max-width: 900px) {
grid-template-columns: 1fr;
gap: 1.5rem;[b-1zo8nx9ws5]
}
}

.author-photo[b-1zo8nx9ws5] {
display: block;
width: 9.5rem;
height: 9.5rem;
object-fit: cover;
border: 1px solid var(--color-border);
border-radius: 50%;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);

@media (max-width: 900px) {
width: 7.5rem;
height: 7.5rem;[b-1zo8nx9ws5]
}
}

.author-copy[b-1zo8nx9ws5] {
h2 {
margin: 0 0 0.8rem;
font-size: 1.45rem;
line-height: 1.35;
color: var(--color-text);
}

p:last-child[b-1zo8nx9ws5] {
margin: 0;
font-size: 1rem;
line-height: 1.55;
color: var(--color-text-secondary);
}
}

.author-stats[b-1zo8nx9ws5] {
display: flex;
flex-direction: column;
gap: 0.9rem;
margin: 0;
padding: 0;

li {
display: flex;
align-items: baseline;
gap: 0.6rem;
font-size: 0.95rem;
white-space: nowrap;
color: var(--color-text-secondary);
}

strong[b-1zo8nx9ws5] {
min-width: 5.5rem;
font-family: var(--font-display);
font-size: 1.8rem;
font-weight: 700;
line-height: 1;
color: var(--color-text);
}
}
/* /Pages/Plus/Landings/PrednaskaGithubCopilot.razor.rz.scp.css */
section.hero[b-dgq18mx4w2] {
    div {
        margin-bottom: 0;
    }
}

.landing-hero[b-dgq18mx4w2] {
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
}

.event-center[b-dgq18mx4w2] {
    max-width: 600px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.record-badge[b-dgq18mx4w2] {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-weight: bold;
color: var(--color-live);
font-size: 0.85rem;
letter-spacing: 0.05em;
background: rgba(var(--rgb-live), 0.12);
border: 1px solid rgba(var(--rgb-live), 0.3);
padding: 0.5rem 1rem;
border-radius: 20px;
}

.event-center h1[b-dgq18mx4w2] {
    margin: 0;
    font-size: 2rem;
    color: var(--color-text);
}

.event-meta[b-dgq18mx4w2] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.meta-item[b-dgq18mx4w2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    color: var(--color-text-secondary)DDD;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
}

.meta-item i[b-dgq18mx4w2] {
    color: var(--color-primary);
}

.event-desc[b-dgq18mx4w2] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-secondary)DDD;
    margin: 0;
}

.topic-grid[b-dgq18mx4w2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 800px;
    width: 100%;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .topic-grid[b-dgq18mx4w2] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .topic-grid[b-dgq18mx4w2] {
        grid-template-columns: 1fr;
    }
}

.topic-tile[b-dgq18mx4w2] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.15), rgba(var(--rgb-primary-deep), 0.1));
    border: 1px solid rgba(var(--rgb-primary), 0.3);
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
}

.topic-tile:hover[b-dgq18mx4w2] {
    border-color: rgba(var(--rgb-primary), 0.5);
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.2), rgba(var(--rgb-primary-deep), 0.15));
    transform: translateY(-2px);
}

.topic-tile i[b-dgq18mx4w2] {
    font-size: 1.5rem;
    color: var(--color-primary);
}

.topic-tile strong[b-dgq18mx4w2] {
    font-size: 0.9rem;
    color: var(--color-text);
}


.landing-join[b-dgq18mx4w2] {
    padding: 3rem 1rem;
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.08), rgba(var(--rgb-primary-deep), 0.05));
}

.join-content[b-dgq18mx4w2] {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.join-content h2[b-dgq18mx4w2] {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--color-text);
}

.join-content p[b-dgq18mx4w2] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--color-text-secondary)DDD;
    margin-bottom: 1.5rem;
}

.join-benefits[b-dgq18mx4w2] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    max-width: 500px;
    margin: 0 auto;
    text-align: left;
}

.join-item[b-dgq18mx4w2] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    font-size: 0.95rem;
    color: var(--color-text);
}

.join-item i[b-dgq18mx4w2] {
    color: var(--color-primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .join-benefits[b-dgq18mx4w2] {
        text-align: center;
    }

    .join-item[b-dgq18mx4w2] {
        justify-content: center;
    }
}
/* /Pages/Plus/Landings/PrednaskaGithubCopilotCli.razor.rz.scp.css */
.landing-hero[b-b06ogpa20o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 0;
    padding-bottom: 1rem;
}

@media (max-width: 900px) {
    .landing-hero[b-b06ogpa20o] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.landing-content[b-b06ogpa20o] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.landing-content p:last-of-type[b-b06ogpa20o] {
    margin: 0;
}

.landing-tagline[b-b06ogpa20o] {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-top: 0;
}

.landing-benefits[b-b06ogpa20o] {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.benefit-item[b-b06ogpa20o] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.benefit-item i[b-b06ogpa20o] {
    color: var(--color-primary);
}

.landing-visual[b-b06ogpa20o] {
    display: flex;
    align-items: flex-start;
    justify-content: center;

    div {margin-bottom: auto;}
}

.talk-preview[b-b06ogpa20o] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.08), rgba(var(--rgb-primary-deep), 0.05));
    border: 1px solid rgba(var(--rgb-primary), 0.3);
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    margin-top: 2rem;
}

.preview-header[b-b06ogpa20o] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.15), rgba(var(--rgb-primary-deep), 0.1));
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(var(--rgb-primary), 0.2);
}

.live-indicator[b-b06ogpa20o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: bold;
    color: var(--color-live);
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    margin-top: 0.5rem;
}

.pulse[b-b06ogpa20o] {
    width: 8px;
    height: 8px;
    background: var(--color-live);
    border-radius: 50%;
    animation: pulse-b-b06ogpa20o 2s infinite;
}

@keyframes pulse-b-b06ogpa20o {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
    }
}

.date-badge[b-b06ogpa20o] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--color-primary);
    background: rgba(var(--rgb-primary), 0.1);
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
}

.date-badge i[b-b06ogpa20o] {
    font-size: 0.85rem;
}

.preview-content[b-b06ogpa20o] {
    padding: 1.5rem 1rem;
}

.preview-content h3[b-b06ogpa20o] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: var(--color-text);
}

.topic-list[b-b06ogpa20o] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.topic-list li[b-b06ogpa20o] {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;

    i {
        margin-top: 0.35rem;
    }
}

.topic-list li i[b-b06ogpa20o] {
    color: var(--color-primary);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.topic-list li div[b-b06ogpa20o] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.topic-list li strong[b-b06ogpa20o] {
    color: var(--color-text);
    font-size: 0.95rem;
}

.topic-list li span[b-b06ogpa20o] {
    color: var(--color-text-muted);
    font-size: 0.85rem;
    line-height: 1.4;
}

.preview-footer[b-b06ogpa20o] {
    background: rgba(0, 0, 0, 0.2);
    padding: 0.8rem 1rem;
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    border-top: 1px solid rgba(var(--rgb-primary), 0.2);
}

.stat[b-b06ogpa20o] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

.stat i[b-b06ogpa20o] {
    color: var(--color-primary);
}

/* Testimonial Section */
.landing-testimonial[b-b06ogpa20o] {
    padding: 3rem 1rem;
}

.testimonial-content[b-b06ogpa20o] {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.testimonial-content blockquote[b-b06ogpa20o] {
    font-size: 1.2rem;
    font-style: italic;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 1rem 0;
    padding: 0;
    border: none;
    position: relative;
}

.testimonial-content blockquote[b-b06ogpa20o]::before {
    content: '"';
    font-size: 3rem;
    color: var(--color-primary);
    opacity: 0.3;
    position: absolute;
    top: -1rem;
    left: -1rem;
}

.testimonial-author[b-b06ogpa20o] {
    font-size: 0.95rem;
    color: var(--color-text-muted);
    margin: 0;
}
/* /Pages/Plus/Landings/PrednaskaGithubCopilotVsudeAProKazdeho.razor.rz.scp.css */
.landing-hero[b-sh2bzfon43] {
display: grid;
align-items: start;
grid-template-columns: 1fr 1fr;
gap: 2rem;
padding-top: 0;
padding-bottom: 1rem;
}

.landing-content[b-sh2bzfon43] {
display: flex;
flex-direction: column;
gap: 0.8rem;
}

.landing-content p:last-of-type[b-sh2bzfon43] {
margin: 0;
}

.landing-tagline[b-sh2bzfon43] {
margin-top: 0;
font-size: 1rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

.landing-benefits[b-sh2bzfon43] {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-top: 0.5rem;
margin-bottom: 0;
}

.benefit-item[b-sh2bzfon43] {
display: flex;
align-items: center;
gap: 0.4rem;
padding: 0.5rem 0.8rem;
font-size: 0.9rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 6px;
white-space: nowrap;
}

.benefit-item[b-sh2bzfon43]  i {
color: var(--color-primary);
}

.landing-visual[b-sh2bzfon43] {
display: flex;
align-items: flex-start;
justify-content: flex-end;
padding-top: 0.5rem;
}

.pulse[b-sh2bzfon43] {
width: 8px;
height: 8px;
background: var(--color-live);
border-radius: 50%;
animation: pulse-b-sh2bzfon43 2s infinite;
}

@keyframes pulse-b-sh2bzfon43 {
0%, 100% {
opacity: 1;
box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
}

50% {
opacity: 0.7;
box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
}
}

.stream-poster[b-sh2bzfon43] {
position: relative;
box-sizing: border-box;
overflow: hidden;
width: 100%;
max-width: 420px;
min-height: 310px;
margin-top: 2rem;
padding: 1.7rem;
background: radial-gradient(circle at 82% 16%, rgba(var(--rgb-primary), 0.2), transparent 34%), linear-gradient(145deg, rgba(42, 47, 54, 0.88), rgba(18, 22, 27, 0.92));
border: 1px solid rgba(var(--rgb-primary), 0.16);
border-radius: 14px;
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

.stream-poster[b-sh2bzfon43]::before {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(110deg, rgba(var(--rgb-primary), 0.12) 0%, transparent 40%);
}

.stream-poster[b-sh2bzfon43]::after {
position: absolute;
right: -70px;
bottom: -90px;
width: 220px;
height: 220px;
content: "";
background: rgba(var(--rgb-primary), 0.1);
border-radius: 50%;
}

.poster-watermark[b-sh2bzfon43] {
position: absolute;
top: 1.3rem;
right: 1.4rem;
z-index: 1;
}

.poster-watermark[b-sh2bzfon43]  i {
font-size: 2.8rem;
color: var(--color-primary-hover);
filter: drop-shadow(0 12px 28px rgba(var(--rgb-primary), 0.24));
}

.poster-kicker[b-sh2bzfon43] {
display: flex;
position: relative;
z-index: 1;
align-items: center;
gap: 0.5rem;
margin: 0 0 1.7rem;
font-family: var(--font-display);
font-size: 0.82rem;
font-weight: 600;
color: var(--color-live);
text-transform: uppercase;
letter-spacing: 0.05em;
}

.poster-date[b-sh2bzfon43] {
position: relative;
z-index: 1;
margin: 0;
font-family: var(--font-display);
font-size: 3.8rem;
font-weight: 700;
line-height: 0.95;
color: var(--color-text);
letter-spacing: 0;
}

.poster-date span[b-sh2bzfon43] {
display: block;
margin-top: 0.45rem;
font-size: 1.05rem;
font-weight: 600;
line-height: 1.4;
color: var(--color-text-secondary);
}

.poster-title[b-sh2bzfon43] {
position: relative;
z-index: 1;
max-width: 330px;
margin: 1.5rem 0 0;
font-size: 1.25rem;
line-height: 1.35;
color: var(--color-text);
}

.poster-meta[b-sh2bzfon43] {
display: flex;
position: relative;
z-index: 1;
flex-direction: column;
gap: 0.45rem;
margin: 1.6rem 0 0;
padding: 0;
font-size: 0.9rem;
line-height: 1.4;
color: var(--color-text-secondary);
}

.poster-meta li[b-sh2bzfon43] {
display: flex;
align-items: center;
gap: 0.5rem;
}

.poster-meta[b-sh2bzfon43]  i {
color: var(--color-primary-hover);
}

.poster-meta li:first-child[b-sh2bzfon43]  i {
color: #FF0000;
}

.poster-meta a[b-sh2bzfon43] {
--link-underline-offset: calc(1.25em + 0.5rem);
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: inherit;
}

.poster-meta a:hover[b-sh2bzfon43] {
color: var(--color-primary-hover);
}

.landing-stream[b-sh2bzfon43] {
display: grid;
align-items: start;
grid-template-columns: 0.95fr 1.05fr;
gap: 2rem;
padding: 2.8rem 0;
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}

.stream-copy h2[b-sh2bzfon43] {
margin: 0;
font-size: 1.45rem;
line-height: 1.35;
color: var(--color-text);
}

.section-label[b-sh2bzfon43] {
margin: 0 0 0.7rem;
font-family: var(--font-display);
font-size: 0.82rem;
font-weight: 700;
color: var(--color-cta);
text-transform: uppercase;
letter-spacing: 0.08em;
}

.stream-points[b-sh2bzfon43] {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 0;
padding: 0;
}

.stream-points li[b-sh2bzfon43] {
display: grid;
align-items: start;
grid-template-columns: auto 1fr;
gap: 0.8rem;
padding-bottom: 1rem;
font-size: 1rem;
line-height: 1.55;
color: var(--color-text-secondary);
border-bottom: 1px solid var(--color-border);
}

.stream-points li:last-child[b-sh2bzfon43] {
padding-bottom: 0;
border-bottom: 0;
}

.stream-points li[b-sh2bzfon43]  i {
margin-top: 0.25rem;
color: var(--color-primary-hover);
}

.stream-points strong[b-sh2bzfon43] {
color: var(--color-text);
}

@media (max-width: 900px) {
.landing-hero[b-sh2bzfon43] {
grid-template-columns: 1fr;
gap: 1.5rem;
}

.landing-stream[b-sh2bzfon43] {
grid-template-columns: 1fr;
gap: 1.5rem;
}

.landing-visual[b-sh2bzfon43] {
justify-content: stretch;
}

.stream-poster[b-sh2bzfon43] {
width: 100%;
max-width: 100%;
margin-top: 0;
}
}

@media (max-width: 520px) {
.landing-benefits[b-sh2bzfon43] {
gap: 0.6rem;
}

.benefit-item[b-sh2bzfon43] {
box-sizing: border-box;
width: 100%;
white-space: normal;
}

.landing-visual[b-sh2bzfon43] {
justify-content: stretch;
padding-top: 0.4rem;
}

.stream-poster[b-sh2bzfon43] {
max-width: none;
min-height: 270px;
padding: 1.4rem;
}

.poster-date[b-sh2bzfon43] {
font-size: 3.1rem;
}

.poster-title[b-sh2bzfon43] {
font-size: 1.1rem;
}
}
/* /Pages/Plus/Landings/PrednaskaNovinky.razor.rz.scp.css */
.landing-hero[b-oaf63249e8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 0;
    padding-bottom: 1rem;
}

@media (max-width: 900px) {
    .landing-hero[b-oaf63249e8] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.landing-content[b-oaf63249e8] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.landing-content p:last-of-type[b-oaf63249e8] {
    margin: 0;
}

.landing-tagline[b-oaf63249e8] {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-top: 0;
}

.landing-benefits[b-oaf63249e8] {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.benefit-item[b-oaf63249e8] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.benefit-item i[b-oaf63249e8] {
    color: var(--color-primary);
}

.landing-visual[b-oaf63249e8] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    
    div {margin-bottom: auto;}
}

.talk-preview[b-oaf63249e8] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.08), rgba(var(--rgb-primary-deep), 0.05));
    border: 1px solid rgba(var(--rgb-primary), 0.3);
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    margin-top: 2rem;
}

.preview-header[b-oaf63249e8] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.15), rgba(var(--rgb-primary-deep), 0.1));
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(var(--rgb-primary), 0.2);
}

.live-indicator[b-oaf63249e8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: bold;
    color: var(--color-live);
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    margin-top: 0.5rem;
}

.pulse[b-oaf63249e8] {
    width: 8px;
    height: 8px;
    background: var(--color-live);
    border-radius: 50%;
    animation: pulse-b-oaf63249e8 2s infinite;
}

@keyframes pulse-b-oaf63249e8 {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
    }
}

.date-badge[b-oaf63249e8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--color-primary);
    background: rgba(var(--rgb-primary), 0.1);
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
}

.date-badge i[b-oaf63249e8] {
    font-size: 0.85rem;
}

.preview-content[b-oaf63249e8] {
    padding: 1.5rem 1rem;
}

.preview-content h3[b-oaf63249e8] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: var(--color-text);
}

.topic-list[b-oaf63249e8] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.topic-list li[b-oaf63249e8] {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    
    i {
        margin-top: 0.35rem;
    }
}

.topic-list li i[b-oaf63249e8] {
    color: var(--color-primary);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.topic-list li div[b-oaf63249e8] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.topic-list li strong[b-oaf63249e8] {
    color: var(--color-text);
    font-size: 0.95rem;
}

.topic-list li span[b-oaf63249e8] {
    color: var(--color-text-muted);
    font-size: 0.85rem;
    line-height: 1.4;
}

.preview-footer[b-oaf63249e8] {
    background: rgba(0, 0, 0, 0.2);
    padding: 0.8rem 1rem;
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    border-top: 1px solid rgba(var(--rgb-primary), 0.2);
}

.stat[b-oaf63249e8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

.stat i[b-oaf63249e8] {
    color: var(--color-primary);
}

/* Landing Features Section */
.landing-features[b-oaf63249e8] {
}

.feature-grid[b-oaf63249e8] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 900px) {
    .feature-grid[b-oaf63249e8] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.feature-card[b-oaf63249e8] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.08), rgba(var(--rgb-primary-deep), 0.05));
    border: 1px solid rgba(var(--rgb-primary), 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
}

.feature-icon[b-oaf63249e8] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.feature-icon i[b-oaf63249e8] {
    font-size: 1.5rem;
    color: var(--color-text);
}

.feature-card h3[b-oaf63249e8] {
    font-size: 1.1rem;
    margin: 0 0 0.8rem 0;
    color: var(--color-text);
}

.feature-card p[b-oaf63249e8] {
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Testimonial Section */
.landing-testimonial[b-oaf63249e8] {
    padding: 3rem 1rem;
}

.testimonial-content[b-oaf63249e8] {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.testimonial-content blockquote[b-oaf63249e8] {
    font-size: 1.2rem;
    font-style: italic;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin: 0 0 1rem 0;
    padding: 0;
    border: none;
    position: relative;
}

.testimonial-content blockquote[b-oaf63249e8]::before {
    content: '"';
    font-size: 3rem;
    color: var(--color-primary);
    opacity: 0.3;
    position: absolute;
    top: -1rem;
    left: -1rem;
}

.testimonial-author[b-oaf63249e8] {
    font-size: 0.95rem;
    color: var(--color-text-muted);
    margin: 0;
}

@media (max-width: 600px) {
    .testimonial-content blockquote[b-oaf63249e8] {
        font-size: 1rem;
    }
}

/* /Pages/Plus/Landings/PrednaskaTaskManagementMcpServery.razor.rz.scp.css */
.landing-hero[b-vcywudu9c8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
    padding-top: 0;
    padding-bottom: 1rem;
}

@media (max-width: 900px) {
    .landing-hero[b-vcywudu9c8] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.landing-content[b-vcywudu9c8] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.landing-content p:last-of-type[b-vcywudu9c8] {
    margin: 0;
}

.landing-tagline[b-vcywudu9c8] {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-secondary);
    margin-top: 0;
}

.landing-benefits[b-vcywudu9c8] {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.benefit-item[b-vcywudu9c8] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    background: var(--color-surface);
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.benefit-item i[b-vcywudu9c8] {
    color: var(--color-primary);
}

.landing-visual[b-vcywudu9c8] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0.5rem;
}

.pulse[b-vcywudu9c8] {
    width: 8px;
    height: 8px;
    background: var(--color-live);
    border-radius: 50%;
    animation: pulse-b-vcywudu9c8 2s infinite;
}

@keyframes pulse-b-vcywudu9c8 {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(var(--rgb-live), 0.7);
    }
    50% {
        opacity: 0.7;
        box-shadow: 0 0 0 8px rgba(var(--rgb-live), 0);
    }
}

.stream-poster[b-vcywudu9c8] {
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 420px;
    min-height: 310px;
    padding: 1.7rem;
    box-sizing: border-box;
    background: radial-gradient(circle at 82% 16%, rgba(255, 0, 0, 0.18), transparent 34%), linear-gradient(145deg, rgba(42, 47, 54, 0.88), rgba(18, 22, 27, 0.92));
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

.stream-poster[b-vcywudu9c8]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, rgba(255, 0, 0, 0.12) 0%, transparent 36%);
}

.stream-poster[b-vcywudu9c8]::after {
    content: '';
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 220px;
    height: 220px;
    background: rgba(255, 0, 0, 0.1);
    border-radius: 50%;
}

.poster-watermark[b-vcywudu9c8] {
    position: absolute;
    top: 1.3rem;
    right: 1.4rem;
    z-index: 1;
}

.poster-watermark i[b-vcywudu9c8] {
    color: #FF0000;
    font-size: 2.8rem;
    filter: drop-shadow(0 12px 28px rgba(255, 0, 0, 0.24));
}

.poster-kicker[b-vcywudu9c8] {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1.7rem;
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-live);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.poster-date[b-vcywudu9c8] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-family: var(--font-display);
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 0.95;
    color: var(--color-text);
    letter-spacing: 0;
}

.poster-date span[b-vcywudu9c8] {
    display: block;
    margin-top: 0.45rem;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.poster-title[b-vcywudu9c8] {
    position: relative;
    z-index: 1;
    max-width: 330px;
    margin: 1.5rem 0 0;
    font-size: 1.25rem;
    line-height: 1.35;
    color: var(--color-text);
}

.poster-meta[b-vcywudu9c8] {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 0;
    flex-direction: column;
    gap: 0.45rem;
    margin: 1.6rem 0 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.poster-meta li[b-vcywudu9c8] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.poster-meta i[b-vcywudu9c8] {
    color: var(--color-primary-hover);
}

.poster-meta li:first-child i[b-vcywudu9c8] {
    color: #FF0000;
}

.poster-meta a[b-vcywudu9c8] {
    --link-underline-offset: calc(1.25em + 0.5rem);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: inherit;
}

.poster-meta a:hover[b-vcywudu9c8] {
    color: var(--color-primary-hover);
}

.landing-stream[b-vcywudu9c8] {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 2rem;
    align-items: start;
    padding: 2.8rem 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.stream-copy h2[b-vcywudu9c8] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.35;
    color: var(--color-text);
}

.section-label[b-vcywudu9c8] {
    margin: 0 0 0.7rem;
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-cta);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.stream-points[b-vcywudu9c8] {
    display: flex;
    padding: 0;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
}

.stream-points li[b-vcywudu9c8] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.8rem;
    align-items: start;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    font-size: 1rem;
    line-height: 1.55;
}

.stream-points li:last-child[b-vcywudu9c8] {
    padding-bottom: 0;
    border-bottom: 0;
}

.stream-points li[b-vcywudu9c8]  i {
    margin-top: 0.25rem;
    color: var(--color-primary-hover);
}

.stream-points strong[b-vcywudu9c8] {
    color: var(--color-text);
}

@media (max-width: 900px) {
    .landing-stream[b-vcywudu9c8] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .landing-visual[b-vcywudu9c8] {
        justify-content: stretch;
    }

    .stream-poster[b-vcywudu9c8] {
        max-width: 100%;
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 520px) {
    .landing-benefits[b-vcywudu9c8] {
        gap: 0.6rem;
    }

    .benefit-item[b-vcywudu9c8] {
        width: 100%;
        box-sizing: border-box;
        white-space: normal;
    }

    .landing-visual[b-vcywudu9c8] {
        padding-top: 0.4rem;
    }

    .landing-visual[b-vcywudu9c8] {
        justify-content: stretch;
    }

    .stream-poster[b-vcywudu9c8] {
        max-width: none;
        min-height: 270px;
        padding: 1.4rem;
    }

    .poster-date[b-vcywudu9c8] {
        font-size: 3.1rem;
    }

    .poster-title[b-vcywudu9c8] {
        font-size: 1.1rem;
    }
}
/* /Pages/Plus/Landings/ZaznamyPrednasek.razor.rz.scp.css */
/* Hero Section - Centered Marketing Style */
.archive-hero[b-5xxf5lvy4b] {
    text-align: center;
    padding: 2rem 1rem 3rem 1rem;
    max-width: 800px;
    margin: 0 auto;
}
.archive-badge[b-5xxf5lvy4b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, rgba(var(--rgb-cta), 0.15), rgba(var(--rgb-cta), 0.1));
    border: 1px solid rgba(var(--rgb-cta), 0.3);
    padding: 0.6rem 1.2rem;
    border-radius: 50px;
    font-size: 0.9rem;
    color: var(--color-cta);
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.archive-hero h1[b-5xxf5lvy4b] {
    font-size: 2.5rem;
    line-height: 1.3;
    margin: 0 0 1.5rem 0;
    font-weight: 400;
    text-shadow: none;
}
@media (max-width: 600px) {
    .archive-hero h1[b-5xxf5lvy4b] {
        font-size: 1.8rem;
    }
}
.archive-hero h1 .highlight[b-5xxf5lvy4b] {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}
.archive-subtitle[b-5xxf5lvy4b] {
    font-size: 1.15rem;
    line-height: 1.7;
    color: var(--color-text-secondary);
    margin: 0 0 2rem 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;

    strong {color:var(--color-text);}
}
.cta-button[b-5xxf5lvy4b] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, var(--color-cta), var(--color-cta-hover));
    color: var(--color-cta-text);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 20px rgba(var(--rgb-cta), 0.3);
    
}

.cta-button:hover[b-5xxf5lvy4b] {
    transform: translateY(-2px);
    box-shadow: 0 6px 30px rgba(var(--rgb-cta), 0.4);
}
.cta-button.secondary[b-5xxf5lvy4b] {
    background: transparent;
    border: 2px solid var(--color-cta);
    color: var(--color-cta);
    box-shadow: none;
}
.cta-button.secondary:hover[b-5xxf5lvy4b] {
    background: rgba(var(--rgb-cta), 0.1);
    box-shadow: none;
}
.cta-arrow[b-5xxf5lvy4b] {
    display: flex;
    align-items: center;
    transition: transform 0.2s;
}
.cta-button:hover .cta-arrow[b-5xxf5lvy4b] {
    transform: translateX(4px);
}

/* Topics Section */
.topics-section[b-5xxf5lvy4b] {
    padding: 2rem 1rem 3rem 1rem;
    max-width: 900px;
    margin: 0 auto;
}
.topics-section h2[b-5xxf5lvy4b] {
    text-align: center;
    font-size: 1.5rem;
    margin: 0 0 2rem 0;
    color: var(--color-text);
}
.topics-grid[b-5xxf5lvy4b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
@media (max-width: 768px) {
    .topics-grid[b-5xxf5lvy4b] {
        grid-template-columns: 1fr;
    }
}
.topic-item[b-5xxf5lvy4b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 0.8rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
}
.topic-item i[b-5xxf5lvy4b] {
    color: var(--color-success);
    font-size: 0.85rem;
    flex-shrink: 0;
}
.topic-item span[b-5xxf5lvy4b] {
    color: var(--color-text-secondary);
    font-size: 0.85rem;
}
.topics-cta[b-5xxf5lvy4b] {
    text-align: center;
    margin-top: 2rem;
}
/* Benefits Section */
.benefits-section[b-5xxf5lvy4b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    padding: 2rem 1rem 0 1rem;
    max-width: 1000px;
    margin: 0 auto;
}
@media (max-width: 800px) {
    .benefits-section[b-5xxf5lvy4b] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
.benefit-card[b-5xxf5lvy4b] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 1.5rem;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.2s, background 0.2s;
}
.benefit-card:hover[b-5xxf5lvy4b] {
    background: rgba(255, 255, 255, 0.04);
    transform: translateY(-2px);
}
.benefit-icon[b-5xxf5lvy4b] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.12), rgba(var(--rgb-primary-deep), 0.08));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem auto;
    color: var(--color-primary);
    font-size: 1.4rem;
}
.benefit-card h3[b-5xxf5lvy4b] {
    margin: 0 0 0.5rem 0;
    font-size: 1.05rem;
    color: var(--color-text);
}
.benefit-card p[b-5xxf5lvy4b] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-text-muted);
}
/* /Pages/Plus/NovinkyOdhlaseni.razor.rz.scp.css */
section.hero[b-vsj0bg7sq7] {
    background-image: url("/img/plus.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 0px;

    @media (max-width: 1000px) {
        background-image: none;[b-vsj0bg7sq7]
    }
}

section.hero .subtitle[b-vsj0bg7sq7] {
    font-size: 1.25rem;
    color: var(--color-text-secondary);
    margin-top: 1rem;
}

.benefits-reminder[b-vsj0bg7sq7] {
    margin: 3rem 0;
    
    p, h1, h2, h3, h3 {
        margin-top: 0;
    }
}

.benefits-reminder h2[b-vsj0bg7sq7] {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
    color: var(--color-text);
}

.benefits-grid[b-vsj0bg7sq7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.benefit-card[b-vsj0bg7sq7] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
}

.benefit-icon[b-vsj0bg7sq7] {
    font-size: 3rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.benefit-card h3[b-vsj0bg7sq7] {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    color: var(--color-text);
}

.benefit-card p[b-vsj0bg7sq7] {
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.form-section[b-vsj0bg7sq7] {
    margin-top: 3rem;

    p, h1, h2, h3, h3 {
        margin-top: 0;
    }
}

.action-box[b-vsj0bg7sq7] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.reassurance[b-vsj0bg7sq7] {
    font-size: 1.125rem;
    color: var(--color-text-secondary);
    margin-bottom: 2rem;
}

.buttons[b-vsj0bg7sq7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

@media (min-width: 600px) {
    .buttons[b-vsj0bg7sq7] {
        flex-direction: row;
        justify-content: center;
    }
}

.buttons .button[b-vsj0bg7sq7] {
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
}

.button-primary:hover[b-vsj0bg7sq7] {
    background: linear-gradient(50deg, var(--color-primary-strong) 1%, var(--color-primary-strong) 100%);
    box-shadow: 0 4px 12px rgba(var(--rgb-primary), 0.4);
}

.button-ghost[b-vsj0bg7sq7] {
    background: transparent;
    color: var(--color-text-secondary);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.button-ghost:hover[b-vsj0bg7sq7] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-text);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

section.form[b-vsj0bg7sq7] {
    margin-top:0; max-width: 768px;

    @media (max-width: 768px) {
        max-width: 100%;[b-vsj0bg7sq7]
    }

    small {
        font-size:1rem;
        display: inline-block;
        margin-left:10px;
    }

}

form div.message[b-vsj0bg7sq7] {display: block; width:auto;}
/* /Pages/Plus/NovinkyPotvrzeni.razor.rz.scp.css */
.form-section[b-9hv34qaemt] {
    margin-top: 3rem;

    p, h1, h2, h3 {
        margin-top: 0;
    }
}

.action-box[b-9hv34qaemt] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 2.5rem;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.confirm-content h2[b-9hv34qaemt],
.success-message h2[b-9hv34qaemt] {
    margin-bottom: 1rem;
    color: var(--color-text);
}

.confirm-content p[b-9hv34qaemt],
.success-message p[b-9hv34qaemt] {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    color: var(--color-text-secondary);
}

.success-message[b-9hv34qaemt] {
    padding: 1rem 0;
}

.success-message h2[b-9hv34qaemt] {
    color: var(--color-success);
}

.redirect-info[b-9hv34qaemt] {
    font-size: 0.875rem !important;
    color: var(--color-text-muted) !important;
    margin-top: 1rem !important;
}

.button[b-9hv34qaemt] {
    display: inline-block;
    padding: 0.75rem 2rem;
    font-size: 1.125rem;
    font-weight: 600;
    background: var(--color-cta);
    color: var(--color-cta-text);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.button:hover[b-9hv34qaemt] {
    background: var(--color-cta-hover);
}

.spinner[b-9hv34qaemt] {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spinner-rotate-b-9hv34qaemt 0.8s linear infinite;
}

@keyframes spinner-rotate-b-9hv34qaemt {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* /Pages/Plus/SubscribeForm.razor.rz.scp.css */
form div:nth-of-type(1)[b-udzm1ezvjt] { width: 90%; }
form div:nth-of-type(2)[b-udzm1ezvjt] { width: 70%; }

@media only screen and (max-width: 520px) {
    form div:nth-of-type(1)[b-udzm1ezvjt] { width: 100%; }
    form div:nth-of-type(2)[b-udzm1ezvjt] { width: 100%; }
}

form div.message[b-udzm1ezvjt] {display: block; width:auto;}
form .subscription h2[b-udzm1ezvjt] {color:var(--color-cta);}
form .subscription p[b-udzm1ezvjt] {margin-top: 1rem;}
form .subscription small[b-udzm1ezvjt] {font-size: 0.8rem;}
p.access[b-udzm1ezvjt] {
    margin-top: 1.25rem;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid var(--color-primary);
    border-radius: 5px;
    font-size: 0.95rem;
    color: var(--color-text-secondary);
}

form button[b-udzm1ezvjt] {margin-right: 10px;}
/* /Pages/Prednasky/Index.razor.rz.scp.css */
section.hero[b-v3kou0ihmv] {
    @media (max-width: 1000px) {
        background-image: none;[b-v3kou0ihmv]
    }
}

section.form[b-v3kou0ihmv] {
    margin-top:0; 
    grid-template-columns: 1fr 1fr;

    @media (max-width: 1000px) {
        grid-template-columns: 1fr;
        .info[b-v3kou0ihmv] {margin-top: 1rem;}
    }
}
.item[b-v3kou0ihmv]  {padding-right: 10px;}
.item .message[b-v3kou0ihmv] {display: block; width:auto;}
.item h2[b-v3kou0ihmv], .item p[b-v3kou0ihmv] {margin-top:0;}
.item ul[b-v3kou0ihmv] {margin-top:1rem;}
.item .day[b-v3kou0ihmv] {font-weight: bold; margin-bottom: 1rem;}
.info p[b-v3kou0ihmv] {margin-top: 0; margin-bottom: 1rem;}
.info ul[b-v3kou0ihmv] {margin-bottom: 2rem;}
/* /Pages/Prednasky/Zaznam.razor.rz.scp.css */
section.hero div[b-ex1gr28kqk] {
    margin-bottom: 0;
}

section.video-section[b-ex1gr28kqk] {
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.1) 0%, rgba(var(--rgb-primary-deep), 0.05) 100%);
    border-radius: 20px;
    padding: 3rem 2rem;
    border: 1px solid rgba(var(--rgb-primary), 0.2);

    @media (max-width: 768px) {
        background: none;
        border:0;
        padding: 0;
        margin-top: -2rem;[b-ex1gr28kqk]
    }
}

section.video-section .video-wrapper[b-ex1gr28kqk] {
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
                0 0 40px rgba(var(--rgb-primary), 0.2);
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

section.video-section .video-wrapper:hover[b-ex1gr28kqk] {
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6),
                0 0 60px rgba(var(--rgb-primary), 0.3);
}

.recording-note[b-ex1gr28kqk] {
    max-width: 900px;
    margin: 0 auto 1rem;
    font-size: 0.9rem;
    color: var(--color-text-secondary);
}

/* /Pages/Quiz/Intro.razor.rz.scp.css */
.hero[b-9bsojqqexr] {padding-bottom:0;}

form div:nth-of-type(1)[b-9bsojqqexr] { width:45%; }
form div:nth-of-type(2)[b-9bsojqqexr] { width:45%; }

@media only screen and (max-width: 520px) {
    form div:nth-of-type(1)[b-9bsojqqexr] { width:100%; }
    form div:nth-of-type(2)[b-9bsojqqexr] { width:100%; }
}

.disclaimer[b-9bsojqqexr] {font-size:0.9rem;}

.last-update[b-9bsojqqexr] {
    font-size: 0.85rem;
    opacity: 0.7;
    margin-top: 0.5rem;
}

.last-update i[b-9bsojqqexr] {
    margin-right: 0.25rem;
}
/* /Pages/Quiz/Questions.razor.rz.scp.css */
.hero[b-fhrw551ekb] {padding-bottom:0;}

h1 em[b-fhrw551ekb] {font-size:0.9rem; margin-left: 5px;}

form div:nth-of-type(1)[b-fhrw551ekb] { width:95%; }
textarea[b-fhrw551ekb] {height: 150px;}

section.form .price[b-fhrw551ekb]  {color: var(--color-text) !important; margin-left: 0 !important;}

.result[b-fhrw551ekb] {margin-left:1rem; margin-top: 1rem; padding-left: 1rem; }
.result p[b-fhrw551ekb] {margin-top: 0;}
.result.red[b-fhrw551ekb] {border-left: var(--color-error) 5px solid;}
.result.var(--color-success)[b-fhrw551ekb] {border-left: var(--color-success) 5px solid;}
.result.yellow[b-fhrw551ekb] {border-left: var(--color-cta-hover) 5px solid;}

.media img[b-fhrw551ekb] {width:100%; box-sizing: border-box; margin-top: 1rem; border-radius: 10px;}
.media iframe[b-fhrw551ekb] {margin-top: 1rem;}

.spinner[b-fhrw551ekb] {width:50px; opacity: 0.8;}
/* /Pages/Quiz/Result.razor.rz.scp.css */
.hero[b-um4s13yion] {padding-bottom:0;}

.result[b-um4s13yion] {
    margin-top: 4rem;
    max-width: 800px;
}

.score-display[b-um4s13yion] {
    background: rgba(255, 255, 255, 0.05);
    padding: 2rem 1.5rem;
    border-radius: 10px;
    box-shadow: 2px 3px 5px rgba(0,0,0,0.2);
}

.score-number[b-um4s13yion] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
    font-weight: 600;
}

.score-number .current[b-um4s13yion] {
    font-size: 4rem;
    color: var(--color-primary);
    font-weight: 700;
    line-height: 1;
}

.score-number .separator[b-um4s13yion] {
    font-size: 2.5rem;
    color: var(--color-text);
}

.score-number .max[b-um4s13yion] {
    font-size: 2.5rem;
    color: var(--color-text);
}

.score-number .label[b-um4s13yion] {
    font-size: 1.25rem;
    color: var(--color-text);
    margin-left: 0.5rem;
}

.score-bar[b-um4s13yion] {
    position: relative;
    width: 100%;
    height: 40px;
    background: var(--color-primary-deep);
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 0.75rem;
    border: 2px solid #285076;
}

.score-bar-fill[b-um4s13yion] {
    height: 100%;
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hover) 40%, var(--color-primary) 100%);
    border-radius: 18px;
    transition: width 0.8s ease-out;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3);
}

.score-bar-fill[b-um4s13yion]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
    border-radius: 18px;
}

.score-labels[b-um4s13yion] {
    display: flex;
    justify-content: space-between;
    padding: 0 0.5rem;
    font-size: 0.875rem;
    color: var(--color-text);
    font-weight: 500;
}

@media (max-width: 768px) {
    .result[b-um4s13yion] {
        padding: 2rem 1rem;
    }

    .score-display[b-um4s13yion] {
        padding: 2rem 1.5rem;
    }

    .score-number .current[b-um4s13yion] {
        font-size: 3rem;
    }

    .score-number .separator[b-um4s13yion],
    .score-number .max[b-um4s13yion] {
        font-size: 2rem;
    }

    .score-number .label[b-um4s13yion] {
        font-size: 1rem;
    }

    .score-bar[b-um4s13yion] {
        height: 32px;
    }
}
/* /Pages/Shortlinks/ShortlinkPage.razor.rz.scp.css */
section.hero.shortlink-page[b-s4li6oh4bz] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: start;
}

@media (max-width: 1000px) {
    section.hero.shortlink-page[b-s4li6oh4bz] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

section.hero.shortlink-page p[b-s4li6oh4bz] {
    white-space: pre-line;
}

section.hero.shortlink-page .shortlink-content a.button[b-s4li6oh4bz] {
    margin-top: 1rem;
}

/* === Boční CTA panel === */

.shortlink-cta[b-s4li6oh4bz] {
    position: sticky;
    top: 1.5rem;
}

@media (max-width: 1000px) {
    .shortlink-cta[b-s4li6oh4bz] {
        position: static;
    }
}

.shortlink-cta-card[b-s4li6oh4bz] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 1.75rem 1.75rem 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
}

.shortlink-cta-card[b-s4li6oh4bz]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(var(--rgb-primary), 0.18), rgba(var(--rgb-primary), 0.08) 60%, transparent);
    pointer-events: none;
    z-index: 0;
}

.shortlink-cta-card > *[b-s4li6oh4bz] {
    position: relative;
    z-index: 1;
}

.shortlink-cta[data-kind="webinar"] .shortlink-cta-card[b-s4li6oh4bz] {
    border-color: rgba(var(--rgb-primary), 0.35);
}

.shortlink-cta[data-kind="talk"] .shortlink-cta-card[b-s4li6oh4bz] {
    border-color: rgba(var(--rgb-primary), 0.35);
}

.shortlink-cta[data-kind="plus"] .shortlink-cta-card[b-s4li6oh4bz] {
    border-color: rgba(var(--rgb-success), 0.3);
}

.shortlink-cta-eyebrow[b-s4li6oh4bz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-primary-soft);
    background: rgba(var(--rgb-primary), 0.12);
    border: 1px solid rgba(var(--rgb-primary), 0.25);
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
}

.shortlink-cta[data-kind="talk"] .shortlink-cta-eyebrow[b-s4li6oh4bz] {
    color: var(--color-primary-hover);
    background: rgba(var(--rgb-primary), 0.12);
    border-color: rgba(var(--rgb-primary), 0.25);
}

.shortlink-cta[data-kind="plus"] .shortlink-cta-eyebrow[b-s4li6oh4bz] {
    color: var(--color-success);
    background: rgba(var(--rgb-success), 0.12);
    border-color: rgba(var(--rgb-success), 0.25);
}

.shortlink-cta-badge[b-s4li6oh4bz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-cta);
    background: rgba(var(--rgb-cta), 0.12);
    border: 1px solid rgba(var(--rgb-cta), 0.3);
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
}

.shortlink-cta-card h2[b-s4li6oh4bz] {
    margin: 1rem 0 0;
    font-size: 1.4rem;
    line-height: 1.3;
    color: var(--color-text);
}

.shortlink-cta-desc[b-s4li6oh4bz] {
    margin: 0.75rem 0 0;
    color: var(--color-text-secondary)ccc;
    font-size: 0.95rem;
    line-height: 1.55;
}

.shortlink-cta-meta[b-s4li6oh4bz] {
    list-style: none;
    margin: 1.25rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.shortlink-cta-meta li[b-s4li6oh4bz] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: #e5e7eb;
    font-size: 0.9rem;
    line-height: 1.45;
}

.shortlink-cta-meta li i[b-s4li6oh4bz] {
    color: var(--color-primary-soft);
    margin-top: 0.15rem;
    width: 1rem;
    text-align: center;
}

.shortlink-cta[data-kind="talk"] .shortlink-cta-meta li i[b-s4li6oh4bz] {
    color: var(--color-primary-hover);
}

.shortlink-cta[data-kind="plus"] .shortlink-cta-meta li i[b-s4li6oh4bz] {
    color: var(--color-success);
}

.shortlink-cta-button[b-s4li6oh4bz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 1rem;
    text-align: center;
    white-space: nowrap;
}

.shortlink-cta-button i[b-s4li6oh4bz] {
    transition: transform 0.2s ease;
}

.shortlink-cta-button:hover i[b-s4li6oh4bz] {
    transform: translateX(3px);
}

.shortlink-cta-note[b-s4li6oh4bz] {
    margin: 0.75rem 0 0;
    font-size: 0.8rem;
    color: var(--color-text-muted)999;
    text-align: center;
}
/* /Pages/ShortNotFound.razor.rz.scp.css */
.freetext p[b-1mqh7qtdqv] {
margin-bottom: 1rem;
}
/* /Pages/Terms.razor.rz.scp.css */
/* /Pages/Videos/Detail.razor.rz.scp.css */
.video-hero[b-wa2ucfuk2i] {
padding-bottom: 3rem;

> div:first-child {
max-width: 600px;
}
}

.video-hero__media[b-wa2ucfuk2i] {
max-width: none;
animation: rise-in 0.9s var(--ease-out) 0.15s both;
}

.video-preview[b-wa2ucfuk2i] {
position: relative;
aspect-ratio: 16 / 9;

iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
}

.video-facts[b-wa2ucfuk2i] {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 1.5rem 0 0;
padding: 0;

li {
display: inline-flex;
align-items: center;
padding: 0.35rem 0.8rem;
font-family: var(--font-mono);
font-size: 0.78rem;
line-height: 1.4;
color: var(--color-text-secondary);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 999px;
}
}

.video-facts li[b-wa2ucfuk2i]  i {
margin-right: 0.5rem;
color: var(--color-primary);
}

.video-buy[b-wa2ucfuk2i] {
margin-top: 1.75rem;
}

.video-buy__actions[b-wa2ucfuk2i] {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;

.button {
padding: 0.9rem 1.5rem;
font-size: 1.02rem;

@media (max-width: 520px) {
flex: 1 1 100%;[b-wa2ucfuk2i]
}
}
}

.video-highlights[b-wa2ucfuk2i] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;
padding-bottom: 3rem;

@media (max-width: 800px) {
grid-template-columns: 1fr;[b-wa2ucfuk2i]
}

article {
position: relative;
overflow: hidden;
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

h2[b-wa2ucfuk2i] {
margin: 0.75rem 0 0.4rem;
padding: 0;
font-size: 1.15rem;
line-height: 1.3;
}

p[b-wa2ucfuk2i] {
margin: 0;
font-size: 0.93rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

.video-highlights__no[b-wa2ucfuk2i] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
font-family: var(--font-mono);
font-size: 0.85rem;
font-weight: 600;
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 10px;
}

.video-content[b-wa2ucfuk2i] {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
align-items: start;
gap: 1.5rem;
padding-bottom: 4rem;

@media (max-width: 900px) {
grid-template-columns: 1fr;[b-wa2ucfuk2i]
}
}

.video-content--single[b-wa2ucfuk2i] {
grid-template-columns: minmax(0, 1fr);
}

.video-content[b-wa2ucfuk2i]  .video-materials {
position: sticky;
top: 6rem;
}

.video-order[b-wa2ucfuk2i] {
padding-bottom: 3rem;
}

.video-order[b-wa2ucfuk2i]  form {
display: grid;
grid-template-columns: minmax(0, 57%) minmax(0, 30%);
justify-content: start;
gap: 1rem;
width: 100%;
box-sizing: border-box;
}

.video-order[b-wa2ucfuk2i]  form h2,
.video-order[b-wa2ucfuk2i]  form p {
margin-top: 0;
}

.video-order[b-wa2ucfuk2i]  form h2,
.video-order[b-wa2ucfuk2i]  form .country-details,
.video-order[b-wa2ucfuk2i]  form .terms-field,
.video-order[b-wa2ucfuk2i]  form .video-order-message,
.video-order[b-wa2ucfuk2i]  form button {
grid-column: 1 / -1;
}

.video-order[b-wa2ucfuk2i]  form > div:not(.country-details):not(.terms-field) {
display: inline-block;
position: relative;
min-width: 0;
margin-right: 1rem;
}

.video-order[b-wa2ucfuk2i]  form .captcha-field {
grid-column: 1 / -1;
width: 50%;
}

.video-order[b-wa2ucfuk2i]  form label {
display: block;
padding: 0 0 2px 5px;
margin-top: 1rem;
font-size: 0.9rem;
color: var(--color-text-secondary);
}

.video-order[b-wa2ucfuk2i]  form label.required::after {
content: " *";
color: var(--color-error);
}

.video-order[b-wa2ucfuk2i]  form input:not([type="checkbox"]):not([type="radio"]),
.video-order[b-wa2ucfuk2i]  form textarea,
.video-order[b-wa2ucfuk2i]  form select {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.75rem 1rem;
font-family: var(--font-body);
font-size: var(--rz-body-font-size, inherit);
line-height: 1.4;
color: var(--color-text);
background-color: var(--color-field-bg);
border: 1px solid var(--color-field-border);
border-radius: var(--radius-control);
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.video-order[b-wa2ucfuk2i]  form input::placeholder,
.video-order[b-wa2ucfuk2i]  form textarea::placeholder {
color: var(--color-placeholder);
opacity: 1;
}

.video-order[b-wa2ucfuk2i]  form input:focus,
.video-order[b-wa2ucfuk2i]  form textarea:focus,
.video-order[b-wa2ucfuk2i]  form select:focus {
background: var(--color-field-bg-focus);
border-color: var(--color-field-border-focus);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

.video-order[b-wa2ucfuk2i]  form input[type="checkbox"] {
display: inline;
width: auto;
margin-right: 0;
padding: 0;
accent-color: var(--color-cta);
}

.video-order[b-wa2ucfuk2i]  form .validation-message {
position: absolute;
top: 20px;
right: 0;
}

.video-order[b-wa2ucfuk2i]  form button {
justify-self: start;
padding: 0.9rem 1.6rem;
margin-top: 1rem;
border-radius: var(--radius-control);
cursor: pointer;
}

.video-order[b-wa2ucfuk2i]  form .country-details {
display: block;
width: 100%;
margin-right: 0;
}

.video-order[b-wa2ucfuk2i]  form .country-field {
display: inline-flex;
gap: 0.1rem;
margin: 0;
padding: 0.15rem;
background: rgba(255, 244, 235, 0.025);
border: 1px solid rgba(255, 236, 222, 0.08);
border-radius: 8px;
}

.video-order[b-wa2ucfuk2i]  form .country-field legend {
display: none;
}

.video-order[b-wa2ucfuk2i]  form .country-field .country-option {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.45rem 0.7rem;
font-size: 0.9rem;
font-weight: 600;
line-height: 1;
color: var(--color-text);
background: transparent;
border: 1px solid transparent;
border-radius: var(--radius-small);
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}

.video-order[b-wa2ucfuk2i]  form .country-field .country-option:hover {
background: rgba(var(--rgb-primary), 0.07);
}

.video-order[b-wa2ucfuk2i]  form .country-field .country-option:has(input[type="radio"]:checked) {
color: var(--color-text);
background: rgba(var(--rgb-primary), 0.11);
border-color: rgba(var(--rgb-primary), 0.32);
}

.video-order[b-wa2ucfuk2i]  form .country-field .country-option:has(input[type="radio"]:focus-visible) {
outline: 2px solid var(--color-primary-hover);
outline-offset: 2px;
}

.video-order[b-wa2ucfuk2i]  form .country-field .country-option input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}

.video-order[b-wa2ucfuk2i]  form .country-flag {
font-size: 1.15rem;
line-height: 1;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-details {
display: none;
grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 1rem;
margin-top: 0.75rem;
}

.video-order[b-wa2ucfuk2i]  form .country-details:has(input[value="SK"]:checked) .vat-id-details {
display: grid;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-label {
grid-column: 1;
grid-row: 1;
position: relative;
margin-right: 0;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-input {
grid-column: 1;
grid-row: 2;
min-width: 0;
margin-right: 0;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-hint {
grid-column: 2;
grid-row: 2;
align-self: center;
margin: 0;
font-size: 0.85rem;
line-height: 1.5;
color: var(--color-text-secondary);
}

.video-order[b-wa2ucfuk2i]  form .terms-field {
display: grid;
grid-template-columns: auto 1fr;
align-items: start;
gap: 0.5rem;
}

.video-order[b-wa2ucfuk2i]  form .terms-field label {
display: block;
margin: 0;
padding: 0;
}

.video-order[b-wa2ucfuk2i]  form .terms-field .validation-message {
grid-column: 2;
position: static;
}

.video-order[b-wa2ucfuk2i]  form .video-order-message {
padding: 0.9rem 1rem;
color: var(--color-text-secondary);
background: rgba(var(--rgb-success), 0.06);
border: 1px solid rgba(var(--rgb-success), 0.2);
border-left: 3px solid rgba(var(--rgb-success), 0.6);
border-radius: var(--radius-control);
}

.video-order-summary__item[b-wa2ucfuk2i] {
display: flex;
align-items: center;
gap: 0.9rem;
margin-bottom: 1.5rem;

img {
flex-shrink: 0;
width: 112px;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
border: 1px solid var(--color-border);
border-radius: var(--radius-small);
}

div[b-wa2ucfuk2i] {
display: flex;
flex-direction: column;
gap: 0.2rem;
min-width: 0;
}

span[b-wa2ucfuk2i] {
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
}

strong[b-wa2ucfuk2i] {
font-size: 1rem;
font-weight: 600;
line-height: 1.35;
color: var(--color-text);
}
}

.video-order-summary .pay[b-wa2ucfuk2i] {
display: block;
width: auto;
max-width: 100%;
margin: 1.25rem 0 0 -15px;
border-radius: 0;
}

.video-order-summary__access[b-wa2ucfuk2i] {
margin: 1.25rem 0 0;
padding-top: 1rem;
font-size: 0.9rem;
line-height: 1.5;
color: var(--color-text-muted);
border-top: 1px solid var(--color-form-divider);
}

.video-order-summary__access[b-wa2ucfuk2i]  i {
color: var(--color-primary);
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.video-highlights article[b-wa2ucfuk2i] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 20%;
}
}
}

@media only screen and (max-width: 520px) {
.video-order[b-wa2ucfuk2i]  form {
grid-template-columns: 1fr;
}

.video-order[b-wa2ucfuk2i]  form h2,
.video-order[b-wa2ucfuk2i]  form .country-details,
.video-order[b-wa2ucfuk2i]  form .terms-field,
.video-order[b-wa2ucfuk2i]  form .video-order-message,
.video-order[b-wa2ucfuk2i]  form button {
grid-column: 1;
}

.video-order[b-wa2ucfuk2i]  form > div:not(.country-details):not(.terms-field) {
width: 100%;
margin-right: 0;
}

.video-order[b-wa2ucfuk2i]  form .captcha-field {
width: 100%;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-details {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-label,
.video-order[b-wa2ucfuk2i]  form .vat-id-input,
.video-order[b-wa2ucfuk2i]  form .vat-id-hint {
grid-column: 1;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-label {
grid-row: 1;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-input {
grid-row: 2;
}

.video-order[b-wa2ucfuk2i]  form .vat-id-hint {
grid-row: 3;
margin-top: 0.75rem;
}
}
/* /Pages/Videos/Index.razor.rz.scp.css */
.video-index-hero[b-z341qi5q91] {
padding-bottom: 2.5rem;

> div {
max-width: 680px;
}
}

.video-index-perks[b-z341qi5q91] {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin: 1.5rem 0 0;
padding: 0;

li {
display: inline-flex;
align-items: center;
padding: 0.35rem 0.85rem;
font-size: 0.9rem;
line-height: 1.4;
color: var(--color-text-secondary);
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 999px;
}
}

.video-grid[b-z341qi5q91] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
align-items: stretch;
gap: 1.5rem;
padding-bottom: 5rem;
}

.video-card[b-z341qi5q91] {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
max-width: 560px;
background: radial-gradient(520px circle at var(--spot-x, 70%) var(--spot-y, 0%), rgba(var(--rgb-primary), 0.08) 0%, transparent 60%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);
transition: border-color 0.3s ease, transform 0.35s var(--ease-out), box-shadow 0.3s ease;

&:hover {
border-color: rgba(var(--rgb-primary), 0.42);
box-shadow: var(--shadow-card);
transform: translateY(-4px);
}

&:has(h2 a:focus-visible)[b-z341qi5q91] {
outline: 2px solid var(--color-cta);
outline-offset: 3px;
}
}

.video-card:hover[b-z341qi5q91]  .video-cover img {
transform: scale(1.05);
}

.video-card__body[b-z341qi5q91] {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 1.35rem 1.5rem 1.5rem;

h2 {
margin: 0.75rem 0 0.5rem;
padding: 0;
font-size: clamp(1.25rem, 1.1rem + 0.45vw, 1.45rem);
line-height: 1.25;
}

h2 a[b-z341qi5q91] {
color: var(--color-text);
background: none;
transition: color 0.2s ease;

&::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
}
}

@media (max-width: 520px) {
padding: 1.1rem 1.1rem 1.25rem;[b-z341qi5q91]
}
}

.video-card:hover h2 a[b-z341qi5q91] {
color: var(--color-primary-hover);
}

.video-card__meta[b-z341qi5q91] {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.6rem;
margin: 0;
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text-muted);
}

.video-card__badge[b-z341qi5q91] {
padding: 0.2rem 0.65rem;
color: var(--color-primary-hover);
text-transform: uppercase;
letter-spacing: 0.06em;
background: rgba(var(--rgb-primary), 0.08);
border: 1px solid rgba(var(--rgb-primary), 0.24);
border-radius: 999px;
}

.video-card__teaser[b-z341qi5q91] {
margin: 0 0 1rem;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

.video-card__facts[b-z341qi5q91] {
display: flex;
flex-wrap: wrap;
gap: 0.4rem 1.1rem;
margin: 0 0 1.25rem;
padding: 0;

li {
display: inline-flex;
align-items: center;
font-family: var(--font-mono);
font-size: 0.78rem;
line-height: 1.5;
color: var(--color-text-muted);
}
}

.video-card__facts li[b-z341qi5q91]  i {
margin-right: 0.45rem;
color: var(--color-primary);
}

.video-card__footer[b-z341qi5q91] {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: auto;
padding-top: 1.1rem;
border-top: 1px solid var(--color-form-divider);
}

.video-card__price[b-z341qi5q91] {
display: flex;
align-items: baseline;
gap: 0.4rem;
margin: 0;

strong {
font-family: var(--font-display);
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
color: var(--color-text);
letter-spacing: -0.03em;
}

span[b-z341qi5q91] {
font-family: var(--font-mono);
font-size: 0.75rem;
color: var(--color-text-muted);
}
}

.video-card__more[b-z341qi5q91] {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.95rem;
font-weight: 600;
color: var(--color-primary);
transition: color 0.2s ease;
}

.video-card__more[b-z341qi5q91]  i {
transition: transform 0.3s var(--ease-out);
}

.video-card:hover .video-card__more[b-z341qi5q91] {
color: var(--color-primary-hover);
}

.video-card:hover .video-card__more[b-z341qi5q91]  i {
transform: translateX(4px);
}

.video-empty[b-z341qi5q91] {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem 2rem;
padding: 1.75rem 2rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

p {
max-width: 560px;
margin: 0;
color: var(--color-text-secondary);
}
}

.video-steps[b-z341qi5q91] {
ol {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;
margin: 1rem 0 0;
padding: 0;

@media (max-width: 800px) {
grid-template-columns: 1fr;[b-z341qi5q91]
}
}

li[b-z341qi5q91] {
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
}

h3[b-z341qi5q91] {
margin: 1rem 0 0.35rem;
font-size: 1.15rem;
}

p[b-z341qi5q91] {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}
}

.video-steps__no[b-z341qi5q91] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
font-family: var(--font-mono);
font-size: 0.85rem;
font-weight: 600;
color: var(--color-primary-hover);
background: rgba(var(--rgb-primary), 0.1);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 10px;
}

.video-live[b-z341qi5q91] {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1.25rem 2rem;
margin-bottom: 4rem;
padding: 1.75rem 2rem;
background: radial-gradient(480px circle at 100% 0%, rgba(var(--rgb-primary-strong), 0.12) 0%, transparent 70%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

h2 {
margin: 0;
padding: 0;
font-size: 1.35rem;
}

p[b-z341qi5q91] {
margin: 0.35rem 0 0;
font-size: 0.98rem;
color: var(--color-text-secondary);
}

@media (max-width: 520px) {
padding: 1.35rem 1.25rem;[b-z341qi5q91]
}
}

@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.video-card[b-z341qi5q91], .video-steps li[b-z341qi5q91] {
animation: reveal-up linear both;
animation-timeline: view();
animation-range: entry 0% cover 20%;
}
}
}
/* /Pages/Videos/Payment.razor.rz.scp.css */
.payment-hero[b-2l2s30gug3], .payment-detail[b-2l2s30gug3] {
max-width: 768px;

h1, h2, p {
margin-top: 0;
}
}

.payment-hero[b-2l2s30gug3] {
padding-bottom: 2rem;
}

.payment-detail[b-2l2s30gug3] {
padding-bottom: 3rem;

dl {
margin: 0 0 1.5rem;
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
}

dl div[b-2l2s30gug3] {
display: grid;
grid-template-columns: 180px 1fr;
gap: 1rem;
padding: 0.45rem 0;

@media only screen and (max-width: 520px) {
grid-template-columns: 1fr;
gap: 0.1rem;[b-2l2s30gug3]
}
}

dt[b-2l2s30gug3] {
color: var(--color-text-muted);
}

dd[b-2l2s30gug3] {
margin: 0;
}
}

.payment-status[b-2l2s30gug3] {
display: flex;
align-items: center;
gap: 1rem;
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;

p {
margin-bottom: 0;
}
}

.payment-status-paid[b-2l2s30gug3] {
color: var(--color-success);
}

.payment-actions[b-2l2s30gug3] {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1rem;
}
/* /Pages/Videos/VideoChapters.razor.rz.scp.css */
.video-chapters[b-ikp1pukf53] {
position: relative;
overflow: hidden;
padding: 1.75rem 1.75rem 1rem;
background: radial-gradient(420px circle at 0% 0%, rgba(var(--rgb-primary), 0.07) 0%, transparent 70%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.04);

@media (max-width: 520px) {
padding: 1.25rem 1.1rem 0.5rem;[b-ikp1pukf53]
}
}

.video-chapters__head[b-ikp1pukf53] {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5rem 1rem;
margin-bottom: 0.75rem;

h2 {
margin: 0;
padding: 0;
font-size: clamp(1.3rem, 1.15rem + 0.5vw, 1.55rem);
}
}

.video-chapters__count[b-ikp1pukf53] {
padding: 0.15rem 0.65rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
line-height: 1.5;
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
border: 1px solid var(--color-border);
border-radius: 999px;
}

ol[b-ikp1pukf53] {
margin: 0;
padding: 0;
}

li[b-ikp1pukf53] {
display: grid;
grid-template-columns: 2.25rem minmax(0, 1fr);
align-items: baseline;
gap: 0.75rem;
padding: 0.8rem 0;
font-size: 0.98rem;
line-height: 1.6;
color: var(--color-text-secondary);
border-top: 1px solid var(--color-form-divider);

&:first-child {
border-top: 0;
}
}

.video-chapters__no[b-ikp1pukf53] {
font-family: var(--font-mono);
font-size: 0.8rem;
font-weight: 600;
color: var(--color-primary);
letter-spacing: 0.02em;
}
/* /Pages/Videos/VideoCover.razor.rz.scp.css */
.video-cover[b-mbvk9o4u7h] {
position: relative;
display: grid;
place-items: center;
overflow: hidden;
aspect-ratio: 16 / 9;
background: #14171C;

img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--ease-out), filter 0.4s ease;
}

&[b-mbvk9o4u7h]::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, rgba(16, 18, 22, 0.75) 100%);
pointer-events: none;
}
}

.video-cover--fallback[b-mbvk9o4u7h] {
padding: 1.5rem 2rem;
background: radial-gradient(60% 70% at 80% 10%, rgba(var(--rgb-primary-strong), 0.28) 0%, transparent 70%), radial-gradient(50% 60% at 10% 90%, rgba(var(--rgb-cta), 0.12) 0%, transparent 70%), url("/img/brand/hex-pattern.svg") center / 60px 103.92px, #14171C;
}

.video-cover__title[b-mbvk9o4u7h] {
position: relative;
z-index: 1;
max-width: 85%;
margin-bottom: 2.5rem;
font-family: var(--font-display);
font-size: clamp(1.2rem, 0.9rem + 1.2vw, 1.7rem);
font-weight: 700;
line-height: 1.2;
color: var(--color-text);
text-align: center;
letter-spacing: -0.03em;
text-wrap: balance;
}

.video-cover__play[b-mbvk9o4u7h] {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 4.25rem;
height: 4.25rem;
padding-left: 0.2rem;
font-size: 1.35rem;
color: var(--color-text);
background: rgba(16, 18, 22, 0.55);
border: 1px solid rgba(255, 236, 222, 0.28);
border-radius: 50%;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: transform 0.35s var(--ease-out), background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.video-cover--fallback .video-cover__play[b-mbvk9o4u7h] {
position: absolute;
bottom: 1.25rem;
left: 50%;
translate: -50% 0;
width: 3.25rem;
height: 3.25rem;
font-size: 1rem;
}

.video-cover__length[b-mbvk9o4u7h] {
position: absolute;
right: 0.85rem;
bottom: 0.85rem;
z-index: 1;
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.25rem 0.65rem;
font-family: var(--font-mono);
font-size: 0.75rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-text);
background: rgba(16, 18, 22, 0.72);
border: 1px solid var(--color-border-strong);
border-radius: 999px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
/* /Pages/Videos/VideoMaterials.razor.rz.scp.css */
.video-materials[b-x4i1yvp19r] {
position: relative;
display: flex;
flex-direction: column;
gap: 1.25rem;
padding: 1.75rem;
background: linear-gradient(160deg, rgba(var(--rgb-primary), 0.1) 0%, rgba(var(--rgb-primary), 0.03) 45%, transparent 100%), var(--color-surface);
border: 1px solid rgba(var(--rgb-primary), 0.24);
border-radius: var(--radius-card);
box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.05);

&::before {
content: "";
position: absolute;
top: -1px;
right: 14%;
left: 14%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(var(--rgb-primary), 0.9) 50%, transparent 100%);
box-shadow: 0 0 14px rgba(var(--rgb-primary-strong), 0.5);
pointer-events: none;
}

.button[b-x4i1yvp19r] {
align-self: flex-start;
}

@media (max-width: 520px) {
padding: 1.25rem 1.1rem;[b-x4i1yvp19r]
}
}

.video-materials__head[b-x4i1yvp19r] {
display: flex;
align-items: center;
gap: 1rem;

h2 {
margin: 0;
padding: 0;
font-size: clamp(1.3rem, 1.15rem + 0.5vw, 1.55rem);
}
}

.video-materials__icon[b-x4i1yvp19r] {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 3rem;
height: 3rem;
font-size: 1.15rem;
color: var(--color-primary);
background: rgba(var(--rgb-primary), 0.12);
border: 1px solid rgba(var(--rgb-primary), 0.3);
border-radius: 14px;
}

.video-materials__label[b-x4i1yvp19r] {
margin: 0 0 0.15rem;
font-family: var(--font-mono);
font-size: 0.72rem;
font-weight: 500;
line-height: 1.4;
color: var(--color-primary-hover);
text-transform: uppercase;
letter-spacing: 0.08em;
}

ul[b-x4i1yvp19r] {
display: grid;
gap: 0.65rem;
margin: 0;
padding: 0;
}

li[b-x4i1yvp19r] {
display: grid;
grid-template-columns: 1.1rem minmax(0, 1fr);
align-items: baseline;
gap: 0.7rem;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-secondary);
}

li[b-x4i1yvp19r]  i {
margin: 0;
color: var(--color-primary);
}

.video-materials__note[b-x4i1yvp19r] {
display: flex;
align-items: baseline;
gap: 0.55rem;
margin: 0;
padding-top: 1rem;
font-size: 0.88rem;
line-height: 1.55;
color: var(--color-text-muted);
border-top: 1px solid var(--color-form-divider);
}

.video-materials__note[b-x4i1yvp19r]  i {
margin: 0;
color: var(--color-text-subtle);
}
/* /Pages/Videos/VideoWindow.razor.rz.scp.css */
.video-window[b-o8mpyv4mn2] {
position: relative;
padding: 0 0.5rem 0.5rem;
background: linear-gradient(180deg, rgba(32, 36, 44, 0.92) 0%, rgba(18, 21, 26, 0.92) 100%);
border: 1px solid var(--color-border-strong);
border-radius: 18px;
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5), 0 0 70px rgba(var(--rgb-primary-strong), 0.14);

&::after {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: conic-gradient(from var(--border-angle), transparent 0deg, rgba(var(--rgb-cta), 0.9) 50deg, rgba(var(--rgb-primary-strong), 0.6) 90deg, transparent 140deg, transparent 360deg);
border-radius: inherit;
mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
mask-composite: exclude;
-webkit-mask-composite: xor;
animation: border-spin 7s linear infinite;
pointer-events: none;
}
}

.video-window__bar[b-o8mpyv4mn2] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 2.1rem;
padding: 0 4.5rem;
}

.video-window__dots[b-o8mpyv4mn2] {
position: absolute;
top: 50%;
left: 0.45rem;
width: 0.6rem;
height: 0.6rem;
background: var(--color-error);
border-radius: 50%;
box-shadow: 1rem 0 0 var(--color-cta), 2rem 0 0 var(--color-success);
opacity: 0.85;
transform: translateY(-50%);
}

.video-window__label[b-o8mpyv4mn2] {
overflow: hidden;
font-family: var(--font-mono);
font-size: 0.72rem;
line-height: 1;
color: var(--color-text-subtle);
white-space: nowrap;
text-overflow: ellipsis;
}

.video-window__screen[b-o8mpyv4mn2] {
position: relative;
overflow: hidden;
background: #0C0E11;
border-radius: 12px;
}
/* /Pages/Videos/Watch.razor.rz.scp.css */
.watch-hero[b-3v5jn37b3u] {
padding-bottom: 1.75rem;

> div {
max-width: 760px;
margin-bottom: 0;
}
}

.watch-access[b-3v5jn37b3u] {
display: inline-flex;
align-items: center;
gap: 0.6rem;
padding: 0.45rem 1rem;
font-size: 0.92rem;
line-height: 1.5;
color: var(--color-text-secondary);
background: rgba(var(--rgb-success), 0.06);
border: 1px solid rgba(var(--rgb-success), 0.22);
border-radius: 999px;

strong {
font-weight: 600;
color: var(--color-text);
overflow-wrap: anywhere;
}
}

.watch-stage[b-3v5jn37b3u] {
padding-bottom: 2.5rem;
}

.watch-player[b-3v5jn37b3u] {
position: relative;
aspect-ratio: 16 / 10.3;

iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
}

.watch-content[b-3v5jn37b3u] {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
align-items: start;
gap: 1.5rem;
padding-bottom: 3rem;

@media (max-width: 900px) {
grid-template-columns: 1fr;[b-3v5jn37b3u]
}
}

.watch-content--single[b-3v5jn37b3u] {
grid-template-columns: minmax(0, 1fr);
}

.watch-content[b-3v5jn37b3u]  .video-materials {
position: sticky;
top: 6rem;
}

@media (max-width: 900px) {
.watch-content[b-3v5jn37b3u]  .video-materials {
order: -1;
position: static;
}
}

.watch-team[b-3v5jn37b3u] {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1.25rem 2rem;
margin-bottom: 4rem;
padding: 1.75rem 2rem;
background: radial-gradient(480px circle at 100% 0%, rgba(var(--rgb-primary-strong), 0.12) 0%, transparent 70%), var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

h2 {
margin: 0;
padding: 0;
font-size: 1.35rem;
}

p[b-3v5jn37b3u] {
margin: 0.35rem 0 0;
font-size: 0.98rem;
color: var(--color-text-secondary);
}

@media (max-width: 520px) {
padding: 1.35rem 1.25rem;[b-3v5jn37b3u]
}
}

.watch-message[b-3v5jn37b3u] {
padding: 1.5rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);

p {
margin: 0;
}
}

.watch-login[b-3v5jn37b3u] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: start;
gap: 2.5rem;
padding-bottom: 4rem;

@media (max-width: 900px) {
grid-template-columns: 1fr;
gap: 1.75rem;[b-3v5jn37b3u]
}
}

.watch-login__media[b-3v5jn37b3u]  .video-cover img {
filter: saturate(0.8) brightness(0.75);
}

.watch-login__buy[b-3v5jn37b3u] {
margin: 1.1rem 0 0;
font-size: 0.95rem;
color: var(--color-text-muted);
}

.watch-login[b-3v5jn37b3u]  form {
position: relative;
display: grid;
gap: 0.25rem;
box-sizing: border-box;
padding: 2rem;
background: var(--color-form-surface);
border: 1px solid rgba(var(--rgb-primary), 0.2);
border-radius: 20px;
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.watch-login[b-3v5jn37b3u]  form::before {
content: "";
position: absolute;
top: -1px;
right: 12%;
left: 12%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(var(--rgb-cta), 0.9) 35%, rgba(var(--rgb-primary-strong), 0.9) 65%, transparent 100%);
box-shadow: 0 0 18px rgba(var(--rgb-cta), 0.6);
pointer-events: none;
}

.watch-login h2[b-3v5jn37b3u] {
display: flex;
align-items: center;
gap: 0.65rem;
margin: 0 0 0.5rem;
padding: 0;
font-size: 1.45rem;
}

.watch-login h2[b-3v5jn37b3u]  i {
color: var(--color-primary);
}

.watch-login[b-3v5jn37b3u]  form > div:not(.watch-error) {
position: relative;
}

.watch-login[b-3v5jn37b3u]  form label {
display: block;
padding: 0 0 4px 2px;
margin-top: 1rem;
font-size: 0.88rem;
font-weight: 500;
color: var(--color-text-secondary);
}

.watch-login[b-3v5jn37b3u]  form label.required::after {
content: " *";
color: var(--color-error);
}

.watch-login[b-3v5jn37b3u]  form input {
display: block;
box-sizing: border-box;
width: 100%;
padding: 0.85rem 1rem;
font-family: var(--font-body);
font-size: var(--rz-body-font-size, inherit);
line-height: 1.4;
color: var(--color-text);
background-color: var(--color-field-bg);
border: 1px solid var(--color-field-border);
border-radius: var(--radius-control);
transition: border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.watch-login[b-3v5jn37b3u]  form input[autocomplete="one-time-code"] {
font-family: var(--font-mono);
letter-spacing: 0.08em;
}

.watch-login[b-3v5jn37b3u]  form input::placeholder {
color: var(--color-placeholder);
opacity: 1;
}

.watch-login[b-3v5jn37b3u]  form input:focus {
background-color: var(--color-field-bg-focus);
border-color: var(--color-field-border-focus);
box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.12);
outline: none;
}

.watch-login[b-3v5jn37b3u]  form .validation-message {
position: absolute;
top: 20px;
right: 0;
}

.watch-login[b-3v5jn37b3u]  form button {
justify-self: start;
padding: 0.9rem 1.6rem;
margin-top: 1.5rem;
border-radius: var(--radius-control);
cursor: pointer;
}

.watch-login[b-3v5jn37b3u]  form .watch-error {
padding: 0.9rem 1rem;
color: var(--color-text-secondary);
background: rgba(var(--rgb-error), 0.06);
border: 1px solid rgba(var(--rgb-error), 0.18);
border-left: 3px solid rgba(var(--rgb-error), 0.6);
border-radius: var(--radius-control);
}

.watch-help[b-3v5jn37b3u] {
margin: 1.25rem 0 0;
padding-top: 1rem;
font-size: 0.88rem;
line-height: 1.5;
color: var(--color-text-muted);
border-top: 1px solid var(--color-form-divider);
}

@media only screen and (max-width: 520px) {
.watch-login[b-3v5jn37b3u]  form {
padding: 1.5rem 1.25rem;
}

.watch-login[b-3v5jn37b3u]  form button {
justify-self: stretch;
}
}