{"id":11592,"date":"2026-06-25T07:20:38","date_gmt":"2026-06-25T07:20:38","guid":{"rendered":"https:\/\/resources.l-p.com\/?page_id=11592"},"modified":"2026-06-25T07:23:32","modified_gmt":"2026-06-25T07:23:32","slug":"404-2","status":"publish","type":"page","link":"https:\/\/resources.l-p.com\/ar\/404-2","title":{"rendered":"404"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"11592\" class=\"elementor elementor-11592\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46f271 e-flex e-con-boxed e-con e-parent\" data-id=\"b46f271\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1bfdb9 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"b1bfdb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5>404 &#8211; Page Not Found<\/h5><div class=\"textwidget custom-html-widget\">    \r\n        \/* Reset basic styles *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n            \/* Dark space gradient background *\/\r\n            background: #0f0c29; \r\n            background: linear-gradient(to right, #24243e, #302b63, #0f0c29);\r\n            color: #ffffff;\r\n            height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        \/* ----- Floating Glowing Orbs ----- *\/\r\n        .orb {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(80px); \/* Glow effect *\/\r\n            z-index: 1;\r\n            animation: float 8s infinite ease-in-out alternate;\r\n        }\r\n\r\n        .orb-1 {\r\n            width: 350px;\r\n            height: 350px;\r\n            background: #ff00cc;\r\n            top: 10%;\r\n            left: 15%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .orb-2 {\r\n            width: 450px;\r\n            height: 450px;\r\n            background: #333399;\r\n            bottom: 5%;\r\n            right: 15%;\r\n            animation-delay: -4s; \/* Staggered animation *\/\r\n        }\r\n\r\n        \/* ----- Glassmorphism Card ----- *\/\r\n        .glass-container {\r\n            position: relative;\r\n            z-index: 2;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px); \/* Safari support *\/\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 24px;\r\n            padding: 60px 80px;\r\n            text-align: center;\r\n            box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2);\r\n            animation: float-card 6s infinite ease-in-out; \/* Card floating *\/\r\n        }\r\n\r\n        \/* 404 Text *\/\r\n        .error-code {\r\n            font-size: 160px;\r\n            font-weight: 900;\r\n            line-height: 1;\r\n            margin-bottom: 10px;\r\n            \/* Gradient text *\/\r\n            background: linear-gradient(45deg, #00f2fe, #4facfe);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            text-shadow: 0px 10px 30px rgba(79, 172, 254, 0.3);\r\n            user-select: none;\r\n        }\r\n\r\n        .title {\r\n            font-size: 32px;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .description {\r\n            font-size: 16px;\r\n            color: #a0a5b1;\r\n            margin-bottom: 40px;\r\n            max-width: 400px;\r\n            line-height: 1.6;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* Back to Home Button *\/\r\n        .home-btn {\r\n            display: inline-block;\r\n            padding: 16px 45px;\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n            color: #fff;\r\n            text-decoration: none;\r\n            \/* Gradient button *\/\r\n            background: linear-gradient(45deg, #ff0844 0%, #ffb199 100%);\r\n            border-radius: 50px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 10px 20px rgba(255, 8, 68, 0.3);\r\n        }\r\n\r\n        .home-btn:hover {\r\n            transform: translateY(-4px) scale(1.05);\r\n            box-shadow: 0 15px 25px rgba(255, 8, 68, 0.5);\r\n        }\r\n\r\n        .home-btn:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* ----- Animations ----- *\/\r\n        @keyframes float {\r\n            0% { transform: translateY(0px) translateX(0px); }\r\n            100% { transform: translateY(60px) translateX(40px); }\r\n        }\r\n\r\n        @keyframes float-card {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-15px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        \/* ----- Responsive Design for Mobile ----- *\/\r\n        @media (max-width: 768px) {\r\n            .glass-container {\r\n                padding: 40px 25px;\r\n                margin: 20px;\r\n                width: 90%;\r\n            }\r\n            .error-code {\r\n                font-size: 100px;\r\n            }\r\n            .title {\r\n                font-size: 24px;\r\n            }\r\n            .description {\r\n                font-size: 14px;\r\n            }\r\n            .orb-1 { width: 200px; height: 200px; left: 0;}\r\n            .orb-2 { width: 250px; height: 250px; right: 0;}\r\n        }\r\n    \r\n     <!-- Background Glowing Orbs -->\r\n    <div class=\"orb orb-1\"><\/div>\r\n    <div class=\"orb orb-2\"><\/div>\r\n    \r\n    <!-- Main Content -->\r\n    <div class=\"glass-container\">\r\n        <div class=\"error-code\">404<\/div>\r\n        <div class=\"title\">Oops! Page lost in space.<\/div>\r\n        <div class=\"description\">\r\n            The page you are looking for might have been removed, had its name changed, or is temporarily unavailable. Let's get you back on track.\r\n        <\/div>\r\n        <!-- Replace href=\"\/\" with your actual homepage URL if needed -->\r\n        <a href=\"\/ar\/\" class=\"home-btn\">Back to Home<\/a>\r\n    <\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11592","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/pages\/11592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/comments?post=11592"}],"version-history":[{"count":6,"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/pages\/11592\/revisions"}],"predecessor-version":[{"id":11599,"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/pages\/11592\/revisions\/11599"}],"wp:attachment":[{"href":"https:\/\/resources.l-p.com\/ar\/wp-json\/wp\/v2\/media?parent=11592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}