*{box-sizing:border-box} :root{font-family:Inter,"Segoe UI",sans-serif;color:#172f42;background:#f4f8fa;font-synthesis:none}body{margin:0}header{height:96px;margin:auto;max-width:1200px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#12394e;font-weight:750;letter-spacing:.06em}.brand>span:last-child{font-weight:400}.mark{background:#12394e;color:white;border-radius:9px;width:32px;height:36px;display:grid;place-items:center}.header-label,.small,footer{font-size:12px;color:#526b7b}main{max-width:1104px;min-height:590px;margin:24px auto 50px;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;border:1px solid #d8e4ea;background:white}.intro{background:#12394e;color:white;padding:84px 48px;display:flex;flex-direction:column;justify-content:center}h1{font-size:38px;line-height:1.2;font-weight:650;letter-spacing:-.035em;margin:0 0 24px}.intro>p{font-size:15px;line-height:1.85;color:#c5dce8;max-width:350px}.workspace{display:flex;flex-direction:column;gap:10px;border-top:1px solid #477081;padding-top:24px;margin-top:36px;font-size:13px}.workspace strong{font-weight:400;color:#b6d3e0}.status-panel{padding:72px 48px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.status-icon{width:56px;height:56px;background:#ecf2f6;color:#375a70;font-size:30px;border-radius:50%;display:grid;place-items:center;margin-bottom:24px}h2{font-size:26px;letter-spacing:-.025em;line-height:1.3;margin:0 0 16px}#status-detail{font-size:14px;line-height:1.8;color:#526b7b;margin:0 0 24px}button,#login{font:inherit;font-size:14px;font-weight:650;border-radius:8px;padding:14px 20px;min-height:48px;text-decoration:none;cursor:pointer}button{background:white;color:#12394e;border:1px solid #a7bfcd}#login{display:block;background:#12394e;color:white;margin-bottom:14px}#login[hidden]{display:none}#login span{margin-left:16px}a:focus-visible,button:focus-visible{outline:3px solid #1680a1;outline-offset:4px}.small{line-height:1.7}.notice{margin-top:22px;border-top:1px solid #dbe5ea;padding-top:22px;color:#526b7b;font-size:12px;line-height:1.8}footer{max-width:1104px;margin:auto auto 32px;display:flex;justify-content:space-between;gap:20px;line-height:1.8}body[data-state=online] .status-icon{background:#d9f2e6;color:#1a6847}body[data-state=admin_offline] .status-icon{background:#fff0d9;color:#80520b}body[data-state=host_unavailable] .status-icon{background:#e5eef5;color:#2e5571}@media(max-width:760px){header{height:78px;padding:0 24px}.header-label{display:none}main{margin:8px 16px 28px;grid-template-columns:1fr;min-height:0}.intro{padding:36px 28px}h1{font-size:29px}.workspace{margin-top:20px;padding-top:18px}.status-panel{padding:36px 28px}h2{font-size:24px}footer{padding:0 24px;flex-direction:column;gap:8px}}