:root{--bg:#07101a;--surface:#101d2b;--line:#25415a;--text:#edf6ff;--muted:#a9bfce;--accent:#ff3049;--success:#73dfae;--warning:#f4c95d}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 88% 0,#15334b 0,transparent 35rem),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.page-shell{width:min(1120px,calc(100% - 40px));margin:auto}.hero{padding:34px 0 72px;border-bottom:1px solid rgba(94,137,169,.26)}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--text);font-weight:800;text-decoration:none}.brand strong{color:var(--accent)}.brand-logo{width:34px;height:34px;object-fit:contain;border:1px solid #4f97c2;border-radius:8px;background:#fff}.language-control{display:flex;gap:6px}.language-control button{margin:0;min-width:38px;padding:8px;border-color:#315d7d}.language-control button.active{border-color:var(--accent);background:var(--accent);color:#fff}.hero-content{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-top:72px}.eyebrow,.type{margin:0 0 12px;color:var(--success);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(47px,7vw,82px);line-height:.93;letter-spacing:-.06em}.hero h1 span{color:var(--accent)}.hero h1 .title-main{color:var(--text)}.intro-copy{max-width:600px;margin:26px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.status-summary{display:flex;gap:13px;align-items:center;min-width:315px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(10,23,35,.8)}.status-summary strong,.status-summary small{display:block}.status-summary small{margin-top:4px;color:var(--muted);font-size:12px}.summary-dot{width:11px;height:11px;border-radius:50%;background:#94aabb;box-shadow:0 0 15px rgba(148,170,187,.35)}.summary-dot.operational{background:var(--success);box-shadow:0 0 15px rgba(115,223,174,.6)}.summary-dot.offline{background:var(--accent)}button{margin-left:auto;padding:9px 11px;border:1px solid #315d7d;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}button:hover{border-color:#66bce9;background:rgba(57,186,246,.1)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:40px 0 72px}.status-card{min-height:202px;padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(18,34,50,.97),rgba(10,21,33,.97))}.status-card h2{margin:0;font-size:23px}.status-card>p:not(.type){margin:19px 0;color:var(--muted);line-height:1.6}.state{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(148,170,187,.4);border-radius:7px;color:#c4d5e1;font-size:12px;font-weight:700}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:#94aabb}.state.operational{border-color:rgba(115,223,174,.45);color:#a7edca}.state.operational:before{background:var(--success)}.state.offline{border-color:rgba(255,48,73,.6);color:#ffbac3}.state.offline:before{background:var(--accent)}.state.disabled,.state.unknown,.state.checking{color:#c4d5e1}footer{display:flex;justify-content:space-between;padding:24px 0 32px;border-top:1px solid rgba(94,137,169,.26);color:#8fa8ba;font-size:13px}footer a{color:#b9dcf4;text-decoration:none}@media(max-width:760px){.topbar{align-items:flex-start}.hero-content{align-items:stretch;flex-direction:column;margin-top:50px}.status-summary{min-width:0}.status-grid{grid-template-columns:1fr;padding-top:28px}.hero{padding-bottom:48px}}
.language-control{display:inline-flex;align-items:center;gap:0;margin-left:8px;padding:3px;border:1px solid rgba(72,105,132,.42);border-radius:999px;background:rgba(10,24,38,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.language-control button{min-width:38px;height:30px;margin:0;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#7890a4;font:inherit;font-size:12px;font-weight:800;letter-spacing:.02em}.language-control button:hover{color:#d9eefb;background:transparent}.language-control button.active{background:#39baf6;color:#06111b;box-shadow:0 2px 10px rgba(57,186,246,.24)}.status-card{position:relative;min-height:205px;padding:25px 25px 25px 48px;border-radius:16px;background:linear-gradient(145deg,rgba(18,34,50,.96),rgba(10,21,33,.96))}.status-card .type:before{content:"";position:absolute;top:31px;left:25px;width:11px;height:11px;border-radius:50%;background:#92a9ba;box-shadow:0 0 14px rgba(146,169,186,.3)}.status-card.is-operational .type:before{background:#73dfae;box-shadow:0 0 14px rgba(115,223,174,.35)}.status-card.is-offline .type:before{background:#ff3049;box-shadow:0 0 14px rgba(255,48,73,.35)}.status-card h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:23px;letter-spacing:-.015em}.status-card>p:not(.type){margin:20px 0}.state{padding:6px 9px;border-radius:7px;font-size:12px}@media(max-width:760px){.language-control{margin-left:0}.language-control button{min-width:36px;padding:0 8px}}