<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Maintenance Mode | RUKANTOGEL</title> <!-- Canonical URL --> <link rel="canonical" href="https://thegreenroomlosangeles.com" /> <!-- META TAG --> <meta name="google-site-verification" content="LTupTnBXK0NTwoc16qtG8bw2TG9QD3eb7KX_1eEFEno" /> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet"> <style> :root{ /* Warna utama & aksen PINK */ --primary:#ec4899; /* pink-500 */ --primary-light:#f472b6; /* pink-400 */ --secondary:#222; --accent:#fb7185; /* rose-400 */ --shadow:0 10px 30px rgba(0,0,0,.15); --text:#333; --text-light:#666; --white:#fff; /* Background & kartu PINK */ --bg-gradient:linear-gradient(145deg,#ffe4f0 0%,#ffd1e4 50%,#ffc2da 100%); --card-bg:#fff0f6; /* pink sangat muda */ --card-border:#ffcfe1; /* border pink muda */ } *{box-sizing:border-box;margin:0;padding:0} body{ font-family:'Poppins',Arial,sans-serif; background:var(--bg-gradient); color:var(--text); line-height:1.6; min-height:100vh; display:flex;flex-direction:column;justify-content:center;align-items:center; text-align:center;padding:20px; } .maintenance-container{ max-width:800px;width:100%; background:var(--card-bg); border-radius:15px; box-shadow:var(--shadow); padding:50px;position:relative;overflow:hidden; border:1px solid var(--card-border); } .maintenance-container::before{ content:'';position:absolute;top:0;left:0;width:100%;height:5px; background:linear-gradient(to right,var(--primary),var(--primary-light),var(--accent)); } .logo{max-height:100px;margin-bottom:30px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.1))} h1{font-size:2.5rem;color:var(--secondary);margin-bottom:20px;position:relative;display:inline-block} h1::after{ content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%); width:80px;height:4px;background:linear-gradient(to right,var(--primary),var(--accent));border-radius:2px; } .maintenance-icon{font-size:5rem;color:var(--primary);margin:30px 0;animation:pulse 2s infinite} @keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}} p{color:var(--text-light);font-size:1.2rem;margin-bottom:30px;line-height:1.8} .progress-container{width:100%;height:10px;background:#ffe1ef;border-radius:5px;margin:40px 0;overflow:hidden} .progress-bar{ height:100%;width:65%; background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--accent)); border-radius:5px;animation:progress 2s ease-in-out infinite } @keyframes progress{0%{width:65%}50%{width:70%}100%{width:65%}} .social-links{display:flex;justify-content:center;gap:20px;margin-top:30px} .social-link{ display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px; background:#fff5f9;border-radius:50%;color:var(--primary);font-size:1.5rem; box-shadow:0 5px 15px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #ffd3e6 } .social-link:hover{background:var(--primary);color:#fff;transform:translateY(-5px)} footer{margin-top:50px;color:var(--text-light);font-size:.9rem} footer a{color:var(--primary);text-decoration:none;font-weight:600} @media (max-width:768px){ .maintenance-container{padding:30px 20px} h1{font-size:2rem} p{font-size:1rem} .maintenance-icon{font-size:3.5rem} } </style></head><body> <div class="maintenance-container"> <img src="https://s14.gifyu.com/images/bwhLV.png" alt="Rusuntogel Logo" class="logo"> <h1>Under Maintenance For : thegreenroomlosangeles.com</h1> <div class="maintenance-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path> </svg> </div> <p>We're currently performing scheduled maintenance to improve your experience. The website will be back online shortly. Thank you for your patience.</p> <div class="progress-container"><div class="progress-bar"></div></div> <p>Estimated time remaining: <strong>10 minutes</strong><br>Last updated: <strong id="update-time"></strong></p> <div class="social-links"> <a href="#" class="social-link" aria-label="Twitter"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path> </svg> </a> <a href="#" class="social-link" aria-label="Facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path> </svg> </a> <a href="#" class="social-link" aria-label="Instagram"> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect> <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path> <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line> </svg> </a> </div> </div> <footer> <p>© 2025 <a href="#" target="_blank">thegreenroomlosangeles.com</a>. All rights reserved.</p> </footer> <script> // Display current time as last updated document.addEventListener('DOMContentLoaded', function() { const opts = {hour:'2-digit',minute:'2-digit',hour12:true,month:'short',day:'numeric'}; const setTime = ()=>{ document.getElementById('update-time').textContent = new Date().toLocaleTimeString('en-US', opts); }; setTime(); setInterval(setTime, 60000); }); </script> <!-- Cloudflare beacons (tetap sama seperti sebelumnya) --> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"95317c67587bf408","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"version":"2025.6.2","token":"81506a34c88b44148ec33ae96f027494"}' crossorigin="anonymous"></script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"0b60a232bc044a26bc982e2bb34c0728","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"0a15f50acb93483ea217ce629afcaaad","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script></body></html>