1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1"/>
6<title>Maintenance In Progress — theservice4u.com</title>
7<style>
8 *{box-sizing:border-box;margin:0;padding:0;}
9 body{background:#0f1117;font-family:'Segoe UI',sans-serif;color:#dde3ef;}
10 .banner{background:#e03131;padding:14px 20px;text-align:center;font-weight:700;font-size:15px;letter-spacing:.03em;color:#fff;}
11 .wrap{max-width:760px;margin:40px auto;padding:0 20px;}
12 .card{background:#181c27;border:1px solid #e03131;border-top:4px solid #e03131;border-radius:10px;padding:36px;margin-bottom:24px;text-align:center;}
13 h1{color:#e03131;font-size:26px;margin-bottom:12px;}
14 p{color:#aab;font-size:15px;line-height:1.7;}
15 .telegram-box{background:#181c27;border:1px solid #1e2537;border-radius:10px;padding:24px;}
16 .telegram-box h2{color:#fff;font-size:17px;margin-bottom:16px;}
17</style>
18</head>
19<body>
20<div class="banner">🔧 Maintenance In Progress — Support Tickets Temporarily Unavailable</div>
21<div class="wrap">
22 <div class="card">
23 <h1>🔧 Maintenance In Progress</h1>
24 <p>Support tickets are temporarily unavailable while maintenance is in progress.<br>
25 Please review the Telegram channel below for updates and estimated completion time.</p>
26 </div>
27 <div class="telegram-box">
28 <h2>📢 Telegram Updates</h2>
29 <p><iframe src="https://theservice4u.com/tele-updates.php" style="width:100%;height:600px;border:0;"></iframe></p>
30 </div>
31</div>
32</body>
33</html>
34