.page-wrapper {
        background-color: var(--industrial-gray);
        background-image: 
            linear-gradient(rgb(0 0 0 / 88%), rgb(79 79 79 / 75%)), 
            url(/resources/img/iron-cutting/bg.avif);
        background-attachment: fixed;
        background-size: cover;
        color: var(--dark-gray);
    }

    .info-card {
        background: #ffffff;
        border-bottom: 4px solid transparent;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        transition: all 0.4s ease;
    }

    .info-card:hover {
        transform: translateY(-5px);
        border-bottom-color: var(--brand-red);
        box-shadow: 0 20px 40px rgba(227, 6, 19, 0.1);
    }

    .contact-form-container {
        background: #ffffff;
        border: 1px solid #e1e1e1;
        position: relative;
        overflow: hidden;
    }

    .contact-form-container::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 5px;
        background: var(--brand-red);
    }

    .input-style {
        background: #f9f9f9 !important;
        border: 1px solid #ededed !important;
        color: #333 !important;
        border-radius: 0px !important;
        transition: all 0.3s ease;
    }

    .input-style:focus {
        border-color: var(--brand-red) !important;
        background: #fff !important;
        box-shadow: 5px 5px 0px rgba(227, 6, 19, 0.05) !important;
    }

    .btn-submit {
        background: var(--dark-gray);
        color: white;
        font-weight: 800;
        letter-spacing: 1px;
        transition: all 0.3s ease;
    }

    .btn-submit:hover {
        background: var(--brand-red);
    }

    /* أيقونات السوشيال ميديا */
    .social-link {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        color: var(--dark-gray);
        border: 1px solid #eee;
        transition: all 0.3s ease;
    }

    .social-link:hover {
        background: var(--brand-red);
        color: #fff;
        border-color: var(--brand-red);
        transform: translateY(-3px);
    }

    .reveal-ui {
        animation: revealUp 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    }

    @keyframes revealUp {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .hero-bg-pattern{
        background: linear-gradient(180deg, black, transparent);
    }

        .reveal-ui { 
        opacity: 0; 
        transform: translateY(50px); 
        transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); 
    }
    .reveal-ui.active { 
        opacity: 1; 
        transform: translateY(0); 
    }

    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

    @media (min-width: 1024px) {
        .lg\:col-span-8 .aspect-\[21\/9\] { aspect-ratio: 21 / 9; }
    }