body {
    background: radial-gradient(ellipse at bottom, #0a0f1a 0%, #00040a 100%) !important;
    color: #e8faff !important;
}

.text-neon,
h1,
h2,
h3,
h4,
.neon {
    color: #8deaff !important;
    text-shadow: 0 0 6px #8deaff, 0 0 18px #53d3ff, 0 0 42px #22b9ff !important;
}

a:hover,
button:hover,
.btn:hover {
    color: #b9f5ff !important;
    text-shadow: 0 0 8px #8deaff !important;
}

button,
.btn {
    background: linear-gradient(60deg, #9888ff, #1b90c9) !important;
    box-shadow: 0 0 12px #88e7ffaa !important;
}

button:hover,
.btn:hover {
    background: linear-gradient(90deg, #1b90c9, #88e7ff) !important;
    box-shadow: 0 0 20px #b3f4ff !important;
}

.border-neon {
    border-color: rgba(170, 230, 255, 0.45) !important;
}

header {
    background: rgba(5, 12, 20, 0.75) !important;
    border-bottom: 1px solid #7ed6ff55 !important;
    backdrop-filter: blur(8px) brightness(1.05);
}

header ul {
    background: rgba(15, 25, 35, 0.85) !important;
}

header ul li a:hover {
    background: rgba(60, 90, 120, 0.5) !important;
}

#mobile-menu {
    background: rgba(10, 20, 30, 0.95) !important;
    border-top: 1px solid #7ed6ff55 !important;
}

footer {
    background: rgba(5, 12, 20, 0.7) !important;
    border-top: 1px solid #7ed6ff55 !important;
}

#space-bg {
    filter: brightness(1.5) saturate(1.2) hue-rotate(180deg);
}

.auth-card,
.profile-card,
.account-settings,
.island,
.instructions-container,
.activity-calendar,
.module,
.form-card,
.news-item article {
    background: rgba(10, 18, 26, 0.55) !important;
    border: 1px solid #7ed6ff !important;
    box-shadow: 0 0 18px #7ed6ff30 !important;
}

.glitch,
.glitchy {
    text-shadow:
        2px 0 #a6e9ff,
        -2px 0 #3bc5ff !important;
}

input,
select,
textarea {
    background: rgba(10, 18, 26, 0.4) !important;
    color: #dbf8ff !important;
    border: 1px solid #7ed6ff55 !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #a6e9ff !important;
    box-shadow: 0 0 12px #a6e9ff55 !important;
}

::-webkit-scrollbar-thumb {
    background: #a6e9ff !important;
}

.avatar-img {
    border-color: #7ed6ff !important;
}

.level-progress-fill {
    background: linear-gradient(90deg, #9be9ff, #5bbef3) !important;
}

/* Frost highlights */
.badge {
    background: #7ed6ff !important;
    color: #000 !important;
}

.news-header h1 {
    color: #8deaff !important;
}

.news-content h2,
.news-content h3 {
    color: #8deaff !important;
}

.grid .shadow-lg:hover,
.news-card:hover,
.review-item:hover {
    box-shadow: 0 0 28px #7ed6ff55 !important;
}