/* ==============================================
   SITE-WIDE SAFE MODERN POLISH
   Visual-only refinements for content pages.
   No layout movement.
   ============================================== */

body {
    background:
        radial-gradient(circle at 50% 0%, rgba(13, 45, 38, 0.50) 0%, rgba(7, 18, 16, 0.20) 34%, rgba(2, 6, 23, 0) 70%),
        var(--bg-gradient);
}

.glass-card,
.video-sidebar,
.locked-panel,
.post,
.post-form,
.video-main-player,
.lesson-nav-btn,
.comment-textarea,
.btn-download-special,
main.container > .glass-card {
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.30),
        0 0 32px rgba(34, 197, 94, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.glass-card,
.video-sidebar,
.post,
.post-form,
.locked-panel,
.comment-textarea,
.btn-download-special,
main.container > .glass-card {
    background: rgba(7, 18, 16, 0.76);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-color: rgba(255, 255, 255, 0.10);
}

h1,
h2,
h3,
.brand {
    letter-spacing: 0.04em;
}

.community-header h1,
.tutorials-page-container h2,
.pricing-container h1,
main.container h1 {
    text-shadow: 0 0 18px rgba(34, 197, 94, 0.10);
}

label,
.post-time,
.price span,
#tutorial-info,
.community-header .user-display,
main.container p[style*='var(--text-dim)'] {
    color: #cbd5e1;
}

input,
textarea,
select {
    transition:
        border-color 0.28s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.28s cubic-bezier(0.2, 0.8, 0.2, 1),
        background 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}

input:focus,
textarea:focus,
select:focus {
    border-color: rgba(34, 197, 94, 0.42) !important;
    box-shadow:
        0 0 0 1px rgba(34, 197, 94, 0.20),
        0 10px 24px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.btn,
.lesson-nav-btn,
.pricing-card,
.post,
.glass-card,
.btn-download-special {
    transition:
        transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
        background 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
        border-color 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
        color 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.btn-primary {
    box-shadow:
        0 10px 28px rgba(34, 197, 94, 0.18),
        0 0 26px rgba(34, 197, 94, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.btn-primary:hover {
    box-shadow:
        0 14px 34px rgba(34, 197, 94, 0.22),
        0 0 34px rgba(34, 197, 94, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.btn-secondary,
.lesson-nav-btn,
.btn-download-special {
    border-color: rgba(255, 255, 255, 0.12);
}

.pricing-card,
.post,
.lesson-nav-btn,
.video-main-player,
.locked-panel {
    border-color: rgba(255, 255, 255, 0.10);
}

.pricing-card:hover,
.post:hover,
.glass-card:hover {
    box-shadow:
        0 20px 52px rgba(0, 0, 0, 0.34),
        0 0 34px rgba(34, 197, 94, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}