main .stk-grid { display: grid; gap: 2rem; }
@media (min-width: 992px) { main .stk-grid--2col { grid-template-columns: 1fr 1fr; } }
@media (min-width: 768px) { main .stk-grid--3col { grid-template-columns: repeat(3, 1fr); } }
main .stk-align-center { align-items: center; }
main .stk-container { max-width: 1200px; margin: 0 auto; }
main .stk-container--narrow { max-width: 900px; margin: 0 auto; }
main .stk-text-center { text-align: center; }
main .stk-margin-top { margin-top: 1.5rem; }
main .stk-margin-bottom { margin-bottom: 1.5rem; }
main .stk-margin-none { margin: 0; }
main .stk-justify-center { justify-content: center; }
main .stk-flex-align-center { display: flex; align-items: center; gap: 1rem; }
main .stk-title-huge { font-family: var(--font-heading); font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; line-height: 1.15; letter-spacing: -0.03em; color: var(--color-bright); margin-bottom: 1.5rem; }
main .stk-title-section { font-family: var(--font-heading); font-size: clamp(1.6rem, 4vw, 2.2rem); font-weight: 800; line-height: 1.2; color: var(--color-bright); margin-top: 0; margin-bottom: 1.25rem; letter-spacing: -0.01em; }
main .stk-title-sub { font-family: var(--font-heading); font-size: 1.2rem; font-weight: 700; color: var(--color-bright); margin-top: 1.5rem; margin-bottom: 1rem; }
main .stk-text-lead { font-size: 1.1rem; line-height: 1.6; color: var(--color-muted); margin-bottom: 1.5rem; }
main .stk-text-body { font-size: 1rem; line-height: 1.6; color: var(--color-text); margin-bottom: 1.5rem; }
main .stk-text-supporting { font-size: 0.9rem; line-height: 1.5; color: var(--color-muted); margin-bottom: 1.25rem; }
main .stk-highlight-text { color: var(--color-bright); font-weight: 700; }
main .stk-btn-group { display: flex; flex-wrap: wrap; gap: 1rem; }
main .stk-btn-center { display: flex; justify-content: center; margin-top: 2rem; }
main .stk-img-fluid { width: 100%; height: auto; border-radius: var(--radius); object-fit: cover; }
main .stk-hero { padding: clamp(2rem, 5vw, 4rem) 0; border-bottom: 1px solid var(--color-border); }
main .stk-hero--no-img { max-width: 850px; margin: 0 auto; }
main .stk-hero__image-wrap { display: flex; align-items: center; justify-content: center; }
main .stk-hero-img { max-height: 480px; width: auto; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5)); }
main .stk-about-section { padding: 3rem 0; border-bottom: 1px solid var(--color-border); }
main .stk-table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1.5rem 0 2.5rem; border: 1px solid var(--color-border); border-radius: var(--radius); }
main .stk-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 0.95rem; color: var(--color-text); background-color: var(--color-panel); }
main .stk-table th,
main .stk-table td { padding: 0.85rem 1.25rem; border-bottom: 1px solid var(--color-border); }
main .stk-table th { background-color: var(--color-input); color: var(--color-bright); font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.05em; }
main .stk-table tbody tr:nth-child(even) { background-color: rgba(15, 33, 46, 0.4); }
main .stk-table tbody tr:last-child td { border-bottom: none; }
main .stk-table th.stk-align-right,
main .stk-table td.stk-align-right { text-align: right; }
main .stk-badge-success { background-color: rgba(0, 231, 1, 0.15); color: var(--color-live); padding: 0.2rem 0.5rem; border-radius: 4px; font-weight: 700; font-size: 0.8rem; }
main .stk-pros-cons-grid { margin-top: 3rem; }
main .stk-pro-panel,
main .stk-con-panel { background-color: var(--color-panel); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1.5rem; }
main .stk-pros-title { color: var(--color-live); font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
main .stk-pros-title::before { content: "✓"; font-weight: 800; }
main .stk-cons-title { color: #ff3344; font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; margin-top: 0; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
main .stk-cons-title::before { content: "✗"; font-weight: 800; }
main .stk-list-styled { list-style: none; padding-left: 0; margin: 0 0 1.5rem 0; }
main .stk-list-styled li { position: relative; padding-left: 1.25rem; margin-bottom: 0.75rem; font-size: 0.9rem; line-height: 1.5; color: var(--color-text); }
main .stk-list-styled li::before { content: "•"; color: var(--color-accent); position: absolute; left: 0; }
main .stk-list--pros li::before { content: "•"; color: var(--color-live); position: absolute; left: 0; font-weight: bold; }
main .stk-list--cons li::before { content: "•"; color: #ff3344; position: absolute; left: 0; font-weight: bold; }
main .stk-how-to-section { padding: 3rem 0; border-bottom: 1px solid var(--color-border); }
main .stk-panel { background-color: var(--color-panel); border: 1px solid var(--color-border); border-radius: var(--radius); padding: clamp(1.25rem, 4vw, 2rem); }
main .stk-panel--accent { border-left: 4px solid var(--color-accent); }
main .stk-stepper { list-style: none; padding-left: 0; margin: 2rem 0; display: grid; gap: 1.5rem; }
main .stk-stepper li { display: flex; gap: 1rem; }
main .stk-stepper__num { flex-shrink: 0; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: var(--color-input); border: 1px solid var(--color-border); color: var(--color-accent); font-family: var(--font-heading); font-weight: 800; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; }
main .stk-stepper__content strong { color: var(--color-bright); font-size: 1.05rem; display: block; margin-bottom: 0.25rem; }
main .stk-stepper__content p { margin: 0; font-size: 0.95rem; color: var(--color-muted); line-height: 1.5; }
main .stk-split-section { padding: 3rem 0; border-bottom: 1px solid var(--color-border); }
main .stk-list-numbered { list-style: none; padding-left: 0; margin: 1.5rem 0; }
main .stk-list-numbered li { position: relative; padding-left: 2rem; margin-bottom: 1rem; font-size: 0.95rem; line-height: 1.5; }
main .stk-list-numbered li::before { content: counter(item) "."; counter-increment: item; position: absolute; left: 0; color: var(--color-accent); font-weight: 800; }
main .stk-list-numbered { counter-reset: item; }
main .stk-sports-grid { display: grid; gap: 1.5rem; grid-template-columns: 1fr; margin-top: 2rem; }
@media (min-width: 768px) { main .stk-sports-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { main .stk-sports-grid { grid-template-columns: repeat(3, 1fr); } }
main .stk-sport-card { background-color: var(--color-panel); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1.5rem; display: flex; flex-direction: column; }
main .stk-sport-card__title { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: var(--color-bright); margin-top: 0; margin-bottom: 0.75rem; border-bottom: 1px solid var(--color-border); padding-bottom: 0.5rem; }
main .stk-casino-lobby-section { padding: 3.5rem 0; border-bottom: 1px solid var(--color-border); }
main .stk-casino-grid { display: grid; gap: 1.5rem; grid-template-columns: 1fr; margin-top: 2rem; }
@media (min-width: 768px) { main .stk-casino-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { main .stk-casino-grid { grid-template-columns: repeat(3, 1fr); } }
main .stk-casino-card { background-color: var(--color-panel); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1.5rem; display: flex; flex-direction: column; }
main .stk-casino-card__title { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: var(--color-bright); margin-top: 0; margin-bottom: 0.75rem; }
main .stk-game-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: auto; padding-top: 1rem; }
main .stk-tag { background-color: var(--color-input); border: 1px solid var(--color-border); color: var(--color-muted); font-size: 0.75rem; padding: 0.25rem 0.5rem; border-radius: 3px; transition: var(--transition); text-decoration: none; display: inline-block; }
main .stk-tag:hover { border-color: var(--color-accent); color: var(--color-bright); }
main .stk-slots-table-section { padding: 3.5rem 0; border-bottom: 1px solid var(--color-border); }
main .stk-faq-section { padding: 4rem 0; }
main .stk-faq-accordion { max-width: 800px; margin: 2rem auto 0; }
main .stk-faq-item { background-color: var(--color-panel); border: 1px solid var(--color-border); border-radius: var(--radius); margin-bottom: 0.75rem; overflow: hidden; transition: var(--transition); }
main .stk-faq-item[open] { border-color: var(--color-accent); }
main .stk-faq-item__question { padding: 1.15rem 1.5rem; font-family: var(--font-heading); font-size: 1.05rem; font-weight: 700; color: var(--color-bright); cursor: pointer; list-style: none; position: relative; user-select: none; }
main .stk-faq-item__question::-webkit-details-marker { display: none; }
main .stk-faq-item__question::after { content: "+"; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: var(--color-muted); transition: var(--transition); }
main .stk-faq-item[open] .stk-faq-item__question::after { content: "-"; transform: translateY(-50%) rotate(180deg); color: var(--color-bright); }
main .stk-faq-item__answer { padding: 0 1.5rem 1.25rem; border-top: 1px solid rgba(47, 69, 83, 0.5); background-color: rgba(15, 25, 35, 0.4); }
main .stk-faq-item__answer p { margin: 1.15rem 0 0 0; font-size: 0.95rem; line-height: 1.5; color: var(--color-muted); }
main .stk-policy-block { margin-bottom: 2rem; }
main .stk-policy-grid { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { main .stk-policy-grid { grid-template-columns: 1fr 1fr; } }
main .stk-policy-card { background-color: var(--color-input); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1.25rem; }
main .stk-promo-card { background-color: var(--color-input); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1.25rem; margin-bottom: 1rem; }
main .stk-promo-card__title { font-family: var(--font-heading); font-size: 1.1rem; font-weight: 700; color: var(--color-bright); margin-top: 0; margin-bottom: 0.5rem; }
main .stk-feature-list { display: grid; gap: 1.25rem; margin-top: 1.5rem; }
main .stk-feature-item { display: flex; gap: 1rem; background-color: var(--color-panel); border: 1px solid var(--color-border); border-radius: var(--radius); padding: 1rem 1.25rem; }
main .stk-dot-bullet { width: 8px; height: 8px; background-color: var(--color-accent); border-radius: 50%; margin-top: 0.5rem; flex-shrink: 0; }
main .stk-list-numbered-small { list-style: none; padding-left: 0; margin: 1.25rem 0; counter-reset: small-item; }
main .stk-list-numbered-small li { position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; font-size: 0.85rem; line-height: 1.5; }
main .stk-list-numbered-small li::before { content: counter(small-item) "."; counter-increment: small-item; position: absolute; left: 0; color: var(--color-accent); font-weight: 700; }
main .stk-link-accent { color: var(--color-accent); text-decoration: none; font-weight: bold; }
main .stk-link-accent:hover { text-decoration: underline; }