body { font-family: 'Sora', sans-serif; }
.maintenance-bg { background: radial-gradient(circle at 12% 10%, rgba(30,58,138,.18), transparent 26%), radial-gradient(circle at 86% 12%, rgba(59,130,246,.12), transparent 24%), linear-gradient(180deg, #07101d 0%, #0b1424 100%); overflow: hidden; }
.maintenance-glow { position: fixed; width: 26rem; height: 26rem; border-radius: 999px; filter: blur(96px); opacity: .34; pointer-events: none; }
.maintenance-glow-left { left: -4%; top: 0; background: rgba(59,130,246,.16); }
.maintenance-glow-right { right: -4%; bottom: 0; background: rgba(14,165,233,.12); }
@keyframes fadeInUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
.fade-in { animation: fadeInUp .45s ease forwards; }
.maintenance-shell { min-height: 100vh; display:flex; align-items:center; justify-content:center; padding: 32px 18px; position: relative; z-index: 10; }
.maintenance-card { width: min(860px, 100%); padding: 22px; border-radius: 28px; border: 1px solid rgba(67, 116, 190, .34); background: linear-gradient(180deg, rgba(16,25,44,.94) 0%, rgba(12,18,31,.96) 100%); box-shadow: 0 26px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03); backdrop-filter: blur(18px); }
.maintenance-topbar { display:flex; align-items:center; justify-content:space-between; gap: 16px; padding: 14px 16px; border:1px solid rgba(67,116,190,.28); border-radius: 22px; background: linear-gradient(90deg, rgba(25,54,104,.28), rgba(11,18,32,.16)); }
.maintenance-brand { display:flex; align-items:center; gap:14px; min-width:0; }
.maintenance-logo { width:52px; height:52px; display:block; filter: drop-shadow(0 10px 22px rgba(59,130,246,.18)); }
.maintenance-kicker { color: #f3f7ff; font-weight:700; font-size:1.12rem; line-height:1.05; }
.maintenance-panel-sub { margin-top:4px; color:#8ba0c3; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; }
.maintenance-status { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding: 10px 14px; border-radius: 999px; border:1px solid rgba(103,183,255,.28); background: linear-gradient(180deg, rgba(54,112,211,.24), rgba(24,56,119,.22)); color:#cde5ff; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.maintenance-bodycopy { padding: 28px 18px 12px; text-align:center; }
.maintenance-title { font-family: 'Cormorant Garamond', serif; margin: 0 0 14px; color:#fff1c4; font-size: clamp(2.3rem, 4.8vw, 4.2rem); line-height:1; letter-spacing:.03em; }
.maintenance-lead { max-width: 58ch; margin: 0 auto; color: #b8c5da; font-size: 1rem; line-height: 1.8; }
.maintenance-cta { margin: 10px auto 0; padding: 18px; max-width: 620px; border-radius: 24px; background: rgba(255,255,255,.035); border: 1px solid rgba(91,135,204,.25); text-align:center; }
.maintenance-cta-label { margin: 0 0 12px; color: #8da0bd; font-size: 11px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.maintenance-button { display: inline-flex; align-items:center; justify-content:center; padding: 14px 28px; border-radius: 16px; background: linear-gradient(180deg, #f7d66a, #e7b62b); color:#07101d; font-weight:900; text-decoration:none; letter-spacing:.04em; box-shadow: 0 18px 34px rgba(231,182,43,.18); transition: transform .16s ease, filter .16s ease; }
.maintenance-button:hover { transform: translateY(-1px); filter: brightness(1.05); }
.maintenance-footer { margin-top: 18px; text-align:center; color: rgba(141,160,189,.55); font-size: 12px; }
@media (max-width: 720px) { .maintenance-card { padding: 18px; } .maintenance-topbar { flex-direction: column; align-items:flex-start; } .maintenance-status { align-self:flex-start; } .maintenance-bodycopy { padding: 24px 6px 8px; } }