.maintenance-main { background: #0d0f0c; color: #fff; }
.maintenance-section { position: relative; min-height: 760px; overflow: hidden; display: flex; align-items: center; padding: 9rem 0 5rem; background: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 78% 34%,rgba(215,223,35,.08),transparent 30%),#0d0f0c; background-size: 64px 64px,64px 64px,auto,auto; }
.maintenance-glow { position: absolute; border-radius: 999px; filter: blur(4px); pointer-events: none; }
.maintenance-glow-one { width: 390px; height: 390px; right: -150px; top: 120px; border: 1px solid rgba(215,223,35,.12); }
.maintenance-glow-two { width: 220px; height: 220px; left: -100px; bottom: -60px; background: rgba(215,223,35,.04); }
.maintenance-card { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: clamp(3rem,8vw,8rem); max-width: 1120px; margin: 0 auto; }
.maintenance-visual { position: relative; display: grid; place-items: center; min-height: 390px; }
.status-orbit { width: 280px; height: 280px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(215,223,35,.22); box-shadow: 0 0 0 32px rgba(215,223,35,.035),0 0 90px rgba(215,223,35,.08); }
.status-orbit::before,.status-orbit::after { content: ""; position: absolute; border-radius: 50%; }
.status-orbit::before { width: 204px; height: 204px; border: 1px dashed rgba(255,255,255,.15); animation: orbit 22s linear infinite; }
.status-orbit::after { width: 9px; height: 9px; background: #d7df23; transform: translate(102px,-53px); box-shadow: 0 0 22px #d7df23; }
.status-icon { width: 112px; height: 112px; border-radius: 28px; display: grid; place-items: center; color: #111; background: #d7df23; transform: rotate(-5deg); box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.status-icon svg { width: 46px; height: 46px; stroke-width: 1.7; }
.status-line { position: absolute; width: 1px; height: 90px; bottom: -10px; background: linear-gradient(#d7df23,transparent); }
.status-pill { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1.4rem; padding: .55rem .8rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #bfc3bb; font: 500 .72rem "IBM Plex Mono",monospace; text-transform: uppercase; letter-spacing: .08em; }
.status-pill span { width: 7px; height: 7px; border-radius: 50%; background: #d7df23; box-shadow: 0 0 12px rgba(215,223,35,.8); }
.maintenance-copy h1 { max-width: 720px; margin-top: 1.5rem; font-size: clamp(3.2rem,6vw,6.6rem); line-height: .92; font-weight: 800; letter-spacing: -.055em; }
.maintenance-copy h1 em { display: block; color: #d7df23; font-style: normal; }
.maintenance-lead { max-width: 640px; margin-top: 2rem; color: #aeb2aa; font-size: 1.08rem; line-height: 1.8; }
.maintenance-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 2.1rem; }
.maintenance-contact { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; color: #fff; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: .25rem; }
.maintenance-contact svg { width: 17px; height: 17px; }
.maintenance-note { margin-top: 2.5rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.1); color: #777d75; font-size: .88rem; }
.maintenance-note a { color: #d7df23; }
@keyframes orbit { to { transform: rotate(360deg); } }
@media (max-width: 900px) { .maintenance-section { padding-top: 8rem; } .maintenance-card { grid-template-columns: 1fr; gap: 2rem; } .maintenance-visual { min-height: 270px; } .status-orbit { width: 220px; height: 220px; } .status-orbit::before { width: 164px; height: 164px; } .status-orbit::after { transform: translate(81px,-42px); } .status-icon { width: 92px; height: 92px; border-radius: 23px; } .status-icon svg { width: 38px; height: 38px; } .status-line { display: none; } }
@media (max-width: 520px) { .maintenance-section { min-height: auto; padding-bottom: 4rem; } .maintenance-copy h1 { font-size: clamp(2.8rem,14vw,4rem); } .maintenance-lead { font-size: 1rem; } }
@media (prefers-reduced-motion: reduce) { .status-orbit::before { animation: none; } }