.maintenance-display{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(390px,36vw,530px);overflow:hidden;border:1px solid #545454;border-radius:20px;background:#17191c;box-shadow:0 20px 70px #0003}
.maintenance-display::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111317 0%,#111317fb 23%,#111317df 47%,#11131763 74%,#11131720 100%);pointer-events:none}
.maintenance-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(66%,700px);padding:clamp(24px,4.5vw,65px);min-width:0}
.maintenance-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff66;border-radius:40px;padding:7px 13px;background:#49494975;color:#ffffff;font-size:12px;font-weight:700}
.maintenance-pill .icon{width:15px;height:15px}
.maintenance-kicker{margin:24px 0 9px;color:#ffffff;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.maintenance-display h1{max-width:550px;font-size:clamp(29px,3.7vw,53px);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}
.maintenance-message{max-width:540px;margin:18px 0 27px;color:#bbb5b6;font-size:clamp(13px,1.1vw,16px);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.maintenance-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 80% 30%,#996f6045,transparent 40%),#252126}
.maintenance-picture{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.maintenance-illustration{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-right:12%;background:radial-gradient(circle at 70% 45%,#ffffff5c,transparent 34%),radial-gradient(circle at 80% 70%,#8853b95a,transparent 40%)}
.maintenance-illustration span{font-size:clamp(40px,6vw,95px);color:#ffffff;filter:drop-shadow(0 0 35px #ffffff88)}
.maintenance-illustration span:nth-child(2){transform:translateY(-40px) rotate(22deg);color:#dcc2ff}
.maintenance-illustration span:nth-child(3){transform:translateY(50px)}
.maintenance-admin-note{margin-bottom:20px}
.maintenance-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.maintenance-admin-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#212126,#18191c)}
.maintenance-admin-body{padding:20px;display:flex;flex-direction:column;gap:16px}
.maintenance-admin-info{display:grid;gap:10px}
.maintenance-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
.maintenance-admin-heading h2{font-size:19px}
.maintenance-admin-info p{color:#f0edeb;overflow-wrap:anywhere}
.maintenance-admin-info small{color:#bebbc0}
.maintenance-admin-body .actions{margin-top:6px;gap:8px}
.maintenance-state{font-size:11px;padding:4px 9px;border:1px solid #525256;border-radius:40px;color:#b6b4b7}
.maintenance-state.is-on{color:#ffffff;border-color:#ffffff;background:#3a3a3a}
.maintenance-tile-badge{position:absolute;z-index:2;top:14px;right:14px;padding:6px 11px;border:1px solid #ffffff99;border-radius:30px;background:#1e1715e0;color:#ffffff;font-size:11px;font-weight:700;backdrop-filter:blur(8px)}
.maintenance-preview{min-height:340px;box-shadow:none}
.maintenance-preview .maintenance-copy{width:min(73%,520px);padding:28px}
.maintenance-preview h1{font-size:clamp(24px,3vw,35px)}
.maintenance-preview .maintenance-kicker{margin-top:18px}
.maintenance-preview .maintenance-message{margin-bottom:0}
@media(max-width:980px){.maintenance-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.maintenance-display{min-height:420px}.maintenance-display::before{background:linear-gradient(90deg,#111317f8 0%,#111317e3 48%,#11131778 100%)}.maintenance-copy,.maintenance-preview .maintenance-copy{width:100%;padding:27px}.maintenance-picture{opacity:.65;object-position:center center}.maintenance-admin-grid{grid-template-columns:1fr}.maintenance-preview{min-height:350px}.maintenance-preview .maintenance-copy{padding:22px}}
@media(max-width:700px){.maintenance-tile-badge{top:auto;bottom:42px;right:7px;font-size:9px;padding:4px 6px}}