*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#1769ff;--secondary:#00b8ff;--text:#172033;--muted:#718096}
body{font-family:Arial,Helvetica,sans-serif;min-height:100vh;color:var(--text);background:linear-gradient(135deg,#eef5ff 0%,#fff 50%,#eaf8ff 100%);overflow-x:hidden}
.background{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.circle{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}
.circle-1{width:450px;height:450px;background:#d8e8ff;top:-200px;right:-100px}
.circle-2{width:350px;height:350px;background:#d5f4ff;bottom:-150px;left:-100px}
.circle-3{width:150px;height:150px;background:#e2ddff;top:35%;left:10%}
.maintenance-container{position:relative;z-index:2;width:min(1100px,92%);min-height:100vh;margin:auto;padding:40px 0 25px;display:flex;flex-direction:column;align-items:center}
.logo{display:flex;align-items:center;gap:12px;align-self:flex-start}
.logo-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-size:25px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 25px rgba(23,105,255,.25)}
.logo-text{display:flex;flex-direction:column}.logo-text strong{font-size:20px;letter-spacing:2px}.logo-text span{font-size:9px;color:var(--muted);letter-spacing:2px}
.illustration{position:relative;width:260px;height:190px;margin-top:35px}
.monitor{position:absolute;width:180px;height:125px;left:40px;top:25px}
.screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:8px solid #15263d;border-radius:12px;background:linear-gradient(135deg,#1c83ff,#16c5ed);box-shadow:0 15px 35px rgba(0,75,150,.25)}
.screen span{color:#fff;font-size:48px;font-weight:800}
.monitor-stand{position:absolute;width:35px;height:25px;left:72px;bottom:-20px;background:#15263d}
.monitor-base{position:absolute;width:85px;height:8px;left:47px;bottom:-27px;border-radius:10px;background:#15263d}
.gear{position:absolute;color:#1769ff;line-height:1;animation:rotate 8s linear infinite}.gear.big{font-size:80px;right:-10px;top:-10px}.gear.small{font-size:45px;left:-5px;bottom:5px;color:#00aeea;animation-direction:reverse}
@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.content{width:min(700px,100%);text-align:center;margin-top:20px}
.status{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:50px;background:#e7f0ff;color:#1769ff;font-size:12px;font-weight:700;letter-spacing:1px}
.status-dot{width:8px;height:8px;border-radius:50%;background:#19c37d;box-shadow:0 0 0 5px rgba(25,195,125,.12);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
h1{margin-top:20px;font-size:clamp(38px,6vw,62px);line-height:1.08;letter-spacing:-2px}
h1 span{background:linear-gradient(90deg,#1769ff,#00aeea);-webkit-background-clip:text;background-clip:text;color:transparent}
.content p{max-width:600px;margin:22px auto;color:var(--muted);font-size:16px;line-height:1.7}
.progress-container{width:450px;max-width:100%;margin:30px auto}.progress-info{display:flex;justify-content:space-between;margin-bottom:9px;font-size:12px;color:var(--muted)}.progress-info strong{color:var(--primary)}
.progress-bar{width:100%;height:9px;overflow:hidden;border-radius:20px;background:#dfe9f5}.progress{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769ff,#00c6ff)}
.contact{display:flex;justify-content:center;gap:8px;margin-top:25px;font-size:14px}.contact span{color:var(--muted)}.contact a{color:var(--primary);font-weight:700;text-decoration:none}.contact a:hover{text-decoration:underline}
footer{margin-top:auto;padding-top:35px;color:#8b98aa;font-size:12px}
@media(max-width:600px){.maintenance-container{padding-top:25px}.logo{align-self:center}.illustration{transform:scale(.85);margin-top:15px;margin-bottom:-10px}h1{letter-spacing:-1px}.content p{font-size:14px;padding:0 15px}.contact{flex-direction:column}footer{text-align:center}}