:root{--bg:#eef2ff;--text:#222;--card:#fff;--primary:#0074cc;--primary-600:#005fa3;--accent:#facc15;--accent-2:#ffeb3b;--h1:#1e3a8a;--h2:#d97706;--h3:#dc2626;--h4:#059669;--h5:#8b5cf6;--h6:#ea580c;--footer-1:#222;--footer-2:#444;--header:#354458}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{background-color:var(--bg);color:var(--text);font-family:'Tajawal',sans-serif,Arial,sans-serif;line-height:1.8;transition:background-color .3s ease-in-out,color .3s ease-in-out;word-break:break-word;padding:20px;overflow-x:hidden;position:relative}body.dark-mode{background-color:#222;color:var(--bg)}.container{width:100%;max-width:1050px;margin:50px auto;padding:30px;background:var(--card);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.05);transition:width .4s ease}h1,h2,h3,h4,h5,h6{text-align:right;font-family:'Cairo',sans-serif;font-weight:700;line-height:1.5;margin-bottom:15px;position:relative;transition:color .4s ease-in-out,transform .3s ease-in-out,text-shadow .3s ease}h1{color:var(--h1);font-size:clamp(1.8rem,2.2rem+1vw,2.5rem)}h2{color:var(--h2);font-size:clamp(1.5rem,1.8rem+.6vw,2rem)}h3{color:var(--h3);font-size:clamp(1.3rem,1.5rem+.5vw,1.75rem)}h4{color:var(--h4);font-size:clamp(1.15rem,1.3rem+.4vw,1.5rem)}h5{color:var(--h5);font-size:clamp(1rem,1.1rem+.3vw,1.25rem)}h6{color:var(--h6);font-size:1rem}h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{text-shadow:0 0 12px rgba(0,0,0,.25);transform:scale(1.03)}.banner{background:linear-gradient(to left,rgba(0,0,0,.4),rgba(0,0,0,.6)),url(https://maintenance-company.com/wp-content/uploads/company.webp) center/cover no-repeat;height:260px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:700;text-align:center;padding:0 15px;border-bottom:4px solid #036}.contact{background-color:#e3efff;border-right:6px solid var(--primary);padding:25px;border-radius:10px}.contact p{margin:10px 0;font-size:17px}.contact strong{color:#036;font-weight:700}form{margin-top:30px}form input,form textarea{width:100%;padding:15px;margin-top:12px;font-size:16px;border:1px solid #ccc;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;accent-color:var(--primary)}form input:focus,form textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(0,116,204,.2)}form button{background-color:var(--primary);color:#fff;padding:14px 30px;border:none;border-radius:8px;margin-top:20px;font-size:17px;cursor:pointer;transition:background-color .3s ease,transform .15s ease}form button:hover{background-color:var(--primary-600);transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.entry-content img,.post-content img,.mh-content img{max-width:100%;height:auto;display:block;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;filter:brightness(95%)}@media (hover:hover) and (pointer:fine){.entry-content img:hover,.post-content img:hover,.mh-content img:hover{transform:scale(1.03);box-shadow:0 10px 25px rgba(0,0,0,.25);filter:brightness(100%);will-change:transform}}.mh-footer{background:linear-gradient(to right,var(--footer-1),var(--footer-2));color:#fff;text-align:center;padding:20px;border-top:4px solid var(--h2);position:relative;animation:slideUp 1s ease-in-out}.mh-footer-links{color:#fff;font-size:16px;margin-bottom:10px}.mh-footer-links a{color:var(--accent);transition:color .3s ease,text-shadow .3s ease,transform .15s ease}.mh-footer-links a:hover{color:var(--accent-2);text-shadow:0 4px 8px rgba(255,255,255,.4);transform:scale(1.03)}.header,.header-image,.mh-header{background-color:var(--header)!important}.header-image img,.mh-header img{background-color:transparent!important;z-index:-1;pointer-events:none}@keyframes slideUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.banner{font-size:22px;height:180px;padding:0 10px}.container{padding:20px 15px}form button{width:100%}.entry-content img:hover,.post-content img:hover,.mh-content img:hover{box-shadow:0 6px 14px rgba(0,0,0,.18)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}