/*
Theme Name: EMNG Life Cyber
Theme URI: [https://emng.life/](https://emng.life/)
Author: EMNG Development
Description: High-performance, high-tech wellness theme with glassmorphism and animated backgrounds.
Version: 2.0.0
Text Domain: emng-life
*/

:root {
    --bg1: #0b1220;
    --bg2: #121a2b;
    --bg3: #0c2238;
    --accent: #00eaff;
    --accent2: #4facfe;
    --glass: rgba(255, 255, 255, 0.06);
    --danger: #ff4d6d;
    --success: #00ffae;
    --warning: #ffc107;
    --radius: 20px;
}

/* =========================
   GLOBAL RESET + PERFORMANCE
========================= */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    color: #fff;
    overflow-x: hidden;
    background: linear-gradient(135deg, var(--bg1), var(--bg2), var(--bg3));
    background-size: 400% 400%;
    animation: bgMove 18s ease infinite, pageFade .6s ease;
}

@keyframes pageFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes bgMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Floating Stars Background */
body::before {
    content: "";
    position: fixed;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(0, 234, 255, .12) 1px, transparent 1px);
    background-size: 70px 70px;
    animation: stars 60s linear infinite;
    z-index: -1;
}

@keyframes stars { from { transform: translateY(0); } to { transform: translateY(-200px); } }

/* =========================
   CORE UI COMPONENTS
========================= */
.emng-page, .emng-dashboard, .emng-auth-container {
    background: var(--glass);
    backdrop-filter: blur(18px);
    border-radius: var(--radius);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .6);
    animation: fadeUp .6s ease;
    border: 1px solid rgba(255,255,255,0.1);
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

button, .wp-block-button__link {
    background: linear-gradient(45deg, var(--accent), var(--accent2));
    border: none;
    padding: 12px 28px;
    border-radius: 14px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    box-shadow: 0 0 15px rgba(0, 234, 255, .4);
    text-decoration: none;
    display: inline-block;
}

button:hover, .wp-block-button__link:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 30px rgba(0, 234, 255, .9);
}

/* Add your remaining CSS from the previous prompt here... */