
    body { font-family: 'Cairo', sans-serif; background-color: #fff; }
    .reveal-ui { opacity: 0; transform: translateY(30px); transition: var(--transition); }
    .reveal-ui.active { opacity: 1; transform: translateY(0); }
    .value-card { border: 1px solid #f3f4f6; transition: var(--transition); }
    .value-card:hover { border-color: var(--brand-red); transform: translateY(-10px); box-shadow: 0 25px 50px -12px rgba(227, 6, 19, 0.08); }