:root {
    --sc-yellow: #ffc107;
    --sc-dark: #090b10;
    --sc-dark-soft: #151921;
    --sc-dark-elevated: #1b202b;
    --sc-border: rgba(255, 255, 255, 0.1);
    --sc-border-strong: rgba(255, 193, 7, 0.22);
    --sc-text: #e4e6eb;
    --sc-text-soft: #d7dbe2;
    --sc-muted: #b0b3b8;
    --sc-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
    --sc-radius-xl: 30px;
    --sc-radius-lg: 20px;
    --sc-radius-md: 16px;
}

html {
    background: var(--sc-dark);
}

body.scm-home-theme {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 193, 7, 0.16), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(255, 255, 255, 0.07), transparent 26%),
        linear-gradient(180deg, #151921 0%, #090b10 46%, #05070b 100%);
    color: var(--sc-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
}

.scm-home-theme a {
    color: inherit;
    text-decoration-color: var(--sc-yellow);
    text-underline-offset: 4px;
}

.scm-home-theme a:hover {
    color: var(--sc-yellow);
}

.scm-home-theme .navbar,
.scm-home-theme .topbar,
.scm-home-theme .support-header {
    backdrop-filter: blur(18px);
}

.scm-home-theme .navbar-brand,
.scm-home-theme .brand,
.scm-home-theme .support-logo {
    color: #fff !important;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.scm-home-theme .navbar-brand span,
.scm-home-theme .brand span,
.scm-home-theme .support-logo span {
    color: var(--sc-yellow);
}

.scm-home-theme .container,
.scm-home-theme .support-page,
.scm-home-theme .scm-thanks-wrap {
    position: relative;
    z-index: 1;
}

.scm-home-theme .box,
.scm-home-theme .card,
.scm-home-theme .result,
.scm-home-theme .result-card,
.scm-home-theme .support-form-card,
.scm-home-theme .support-side-card,
.scm-home-theme .scm-thanks-card,
.scm-home-theme .scm-ticket-box,
.scm-home-theme .scm-next-item,
.scm-home-theme .user-row-wrap,
.scm-home-theme .user-row,
.scm-home-theme .message,
.scm-home-theme .online-moderators,
.scm-home-theme .request-item,
.scm-home-theme .inner-card,
.scm-home-theme .chat-rules,
.scm-home-theme .radio-player,
.scm-home-theme .welcome-box {
    border: 1px solid var(--sc-border);
    border-radius: var(--sc-radius-lg);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 14px 42px rgba(0, 0, 0, 0.2);
}

.scm-home-theme .hero,
.scm-home-theme .sc-hero-card,
.scm-home-theme .support-hero,
.scm-home-theme .scm-thanks-card {
    border-radius: var(--sc-radius-xl);
    border: 1px solid var(--sc-border-strong);
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 193, 7, 0.15), transparent 34%),
        linear-gradient(180deg, rgba(21, 25, 33, 0.96), rgba(9, 11, 16, 0.97));
    box-shadow: var(--sc-shadow);
}

.scm-home-theme .hero,
.scm-home-theme .support-hero {
    overflow: hidden;
}

.scm-home-theme .btn,
.scm-home-theme button,
.scm-home-theme .btn-scm,
.scm-home-theme .scm-btn,
.scm-home-theme .scm-btn-primary,
.scm-home-theme .scm-btn-secondary,
.scm-home-theme .support-top-link,
.scm-home-theme .nav-button {
    transition: 0.2s ease;
}

.scm-home-theme .btn-warning,
.scm-home-theme .btn-scm,
.scm-home-theme .scm-btn,
.scm-home-theme .scm-btn-primary,
.scm-home-theme .search-btn,
.scm-home-theme .support-top-link.is-primary,
.scm-home-theme .nav-button.is-primary {
    background: var(--sc-yellow);
    color: #000 !important;
    border: 1px solid var(--sc-yellow);
    box-shadow: none;
}

.scm-home-theme .btn-outline-warning,
.scm-home-theme .btn-ghost,
.scm-home-theme .scm-btn-secondary,
.scm-home-theme .support-top-link,
.scm-home-theme .nav-button,
.scm-home-theme .inline button {
    background: rgba(255, 255, 255, 0.055);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.scm-home-theme .btn-warning:hover,
.scm-home-theme .btn-scm:hover,
.scm-home-theme .scm-btn:hover,
.scm-home-theme .scm-btn-primary:hover,
.scm-home-theme .search-btn:hover {
    color: #000 !important;
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.scm-home-theme .btn-outline-warning:hover,
.scm-home-theme .btn-ghost:hover,
.scm-home-theme .scm-btn-secondary:hover,
.scm-home-theme .support-top-link:hover,
.scm-home-theme .nav-button:hover,
.scm-home-theme .inline button:hover {
    color: var(--sc-yellow) !important;
    border-color: rgba(255, 193, 7, 0.45);
    transform: translateY(-1px);
}

.scm-home-theme input,
.scm-home-theme select,
.scm-home-theme textarea,
.scm-home-theme .form-control,
.scm-home-theme .form-select {
    background: rgba(15, 19, 27, 0.92) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
}

.scm-home-theme input:focus,
.scm-home-theme select:focus,
.scm-home-theme textarea:focus,
.scm-home-theme .form-control:focus,
.scm-home-theme .form-select:focus {
    border-color: rgba(255, 193, 7, 0.7) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.14) !important;
    outline: 0;
}

.scm-home-theme .text-muted,
.scm-home-theme .text-secondary,
.scm-home-theme .small-muted,
.scm-home-theme .hint,
.scm-home-theme .support-muted,
.scm-home-theme .scm-note,
.scm-home-theme .meta,
.scm-home-theme .support-copy,
.scm-home-theme .support-list,
.scm-home-theme .scm-next-item p {
    color: var(--sc-muted) !important;
}

.scm-home-theme footer,
.scm-home-theme .scm-powered-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.18);
    color: rgba(255, 255, 255, 0.62);
}

.scm-home-theme .pagination,
.scm-home-theme .chat-info-collapsed,
.scm-home-theme .search-box-wrapper,
.scm-home-theme .sc-search-box {
    border: 1px solid var(--sc-border);
    background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 768px) {
    .scm-home-theme .support-header {
        align-items: flex-start;
        flex-direction: column;
    }
}