:root { --navy:#011554; --yellow:#f7d900; }
* { box-sizing:border-box; }
body { margin:0; color:var(--navy); font-family:"Quicksand",Arial,sans-serif; }
.maintenance { min-height:100vh; position:relative; isolation:isolate; display:grid; place-items:center; overflow:hidden; padding:55px 24px 76px; background:var(--navy); }.sky-dots { position:absolute; z-index:-2; inset:0; opacity:.17; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:28px 28px; }.message-card { width:min(100%,610px); position:relative; z-index:2; padding:47px 60px 45px; border-radius:20px; background:#fff; box-shadow:0 28px 80px rgba(0,0,0,.28); text-align:center; }.logo { width:min(100%,390px); height:auto; }.separator { display:flex; justify-content:center; margin:32px 0 21px; }.separator span { width:42px; height:7px; background:var(--yellow); transform:rotate(-12deg); }.eyebrow,.contact-label { margin:0; color:#7d88a7; font-size:10px; font-weight:700; letter-spacing:1.5px; }.message-card h1 { margin:10px 0 16px; font-size:clamp(33px,5vw,45px); line-height:1.08; letter-spacing:-1.5px; font-weight:700; }.description { max-width:410px; margin:0 auto 30px; color:#66738f; font-size:16px; line-height:1.6; }.contact-label { margin-bottom:11px; }.whatsapp-button { display:inline-flex; align-items:center; gap:12px; padding:12px 18px; border-radius:11px; color:#fff; background:var(--navy); text-align:left; transition:transform .2s ease; }.whatsapp-button:hover { transform:translateY(-2px); }.whatsapp-button svg { width:31px; height:31px; fill:#25d366; }.whatsapp-button span { display:grid; gap:1px; }.whatsapp-button small { font-size:10px; font-weight:600; }.whatsapp-button strong { font-size:15px; font-weight:700; }.footer-note { position:absolute; bottom:25px; margin:0; color:rgba(255,255,255,.65); font-size:11px; }.cloud { position:absolute; z-index:-1; width:95px; height:18px; border-radius:99px; background:rgba(255,255,255,.17); }.cloud:before,.cloud:after { content:""; position:absolute; bottom:0; border-radius:50%; background:inherit; }.cloud:before { left:20px; width:33px; height:33px; }.cloud:after { left:49px; width:25px; height:25px; }.cloud-one { left:8%; top:18%; transform:scale(.72); }.cloud-two { right:9%; top:30%; }.cloud-three { right:17%; bottom:15%; transform:scale(.55); }
@media (max-width:600px) { .maintenance { padding:35px 16px 68px; }.message-card { padding:37px 24px 35px; border-radius:16px; }.logo { width:100%; }.separator { margin:27px 0 18px; }.message-card h1 { font-size:35px; }.description { font-size:15px; }.footer-note { width:100%; padding:0 16px; text-align:center; } }
.cloud-four { left:15%; bottom:17%; transform:scale(.48); }.cloud-five { right:5%; top:12%; transform:scale(.58); }.cloud-six { left:5%; top:65%; transform:scale(.4); }.flight { position:absolute; z-index:-1; color:var(--yellow); font-family:Arial,sans-serif; font-size:27px; line-height:1; opacity:.74; text-shadow:0 2px 8px rgba(0,0,0,.16); }.flight-one { left:14%; top:39%; transform:rotate(-19deg); }.flight-two { right:17%; bottom:32%; font-size:20px; opacity:.58; transform:rotate(-14deg); }.flight-three { right:11%; top:57%; font-size:16px; opacity:.52; transform:rotate(-24deg); }