*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0 0,#e9edff,transparent 50%),radial-gradient(ellipse at 100% 100%,#e4f3f1,transparent 45%),#f5f7fb;color:#1b2b43;font-family:"Segoe UI",system-ui,-apple-system,sans-serif}main{max-width:1220px;margin:auto;padding:28px 30px 20px}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#526079}.brand svg{width:24px;height:24px;color:#3366ff}header{position:relative;margin-bottom:22px}h1{font-size:clamp(28px,3.5vw,40px);font-weight:650;letter-spacing:-1.3px;margin:18px 0 7px;line-height:1.15}.intro{margin:0;color:#5c6a7e;font-size:16px;line-height:1.5}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.grid .card{flex:0 1 calc((100% - 48px)/4)}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe5ef;border-radius:19px;background:white;text-decoration:none;color:inherit;box-shadow:0 5px 18px #20365205;transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #20365216;border-color:var(--accent)}.card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.art{position:relative;display:flex;align-items:center;justify-content:center;height:105px;background:var(--tint);color:var(--accent);overflow:hidden}.art:before,.art:after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;width:145px;height:145px;opacity:.07;right:-35px;top:12px}.art:after{width:180px;height:180px;right:-48px;top:-4px}.art img,.microsoft-logo{width:76px;height:76px;position:relative;object-fit:contain}.microsoft-logo{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px;width:66px;height:66px}.microsoft-logo i:nth-child(1){background:#f25022}.microsoft-logo i:nth-child(2){background:#7fba00}.microsoft-logo i:nth-child(3){background:#00a4ef}.microsoft-logo i:nth-child(4){background:#ffb900}.open{position:absolute;right:14px;top:10px;font-size:20px;opacity:.7}.content{padding:15px 17px 14px;display:flex;flex-direction:column;flex:1}.category{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}h2{font-size:18px;line-height:1.25;letter-spacing:-.35px;margin:7px 0 6px;font-weight:650}.card p{font-size:13px;line-height:1.45;color:#667389;margin:0 0 14px}.service-status{display:flex;align-items:center;gap:8px;min-height:34px;margin:0 0 13px;padding:8px 10px;border-radius:10px;background:#f1f3f6;color:#667389;font-size:12px}.service-status i{width:10px;height:10px;border-radius:50%;background:#8b96a8;box-shadow:0 0 0 3px #8b96a822}.service-status b{font-weight:650}.card.ok .service-status{background:#e8f7ef;color:#167347}.card.ok .service-status i{background:#21a366;box-shadow:0 0 0 3px #21a36622}.card.problem .service-status{background:#fdebec;color:#b4232d}.card.problem .service-status i{background:#d92d3a;box-shadow:0 0 0 3px #d92d3a22}.action{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--accent);font-weight:650;margin-top:auto;padding-top:10px;border-top:1px solid #edf0f5}.action span{font-size:17px}footer{margin-top:18px;display:flex;justify-content:flex-end;gap:10px;color:#748095;font-size:12px;line-height:1.4}footer a{color:#3061c9;font-weight:650;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:1000px){main{padding:24px}.grid{gap:12px}.grid .card{flex-basis:calc((100% - 36px)/4)}.content{padding:13px}h2{font-size:16px}}@media(max-width:760px){.grid .card{flex-basis:calc((100% - 12px)/2)}.art{height:95px}}@media(max-width:420px){main{padding:22px 14px}.grid{gap:10px}.grid .card{flex-basis:calc((100% - 10px)/2)}h2{font-size:16px}.card p{font-size:12px}.content{padding:12px}.category{font-size:9px;letter-spacing:.7px}.art{height:86px}.art img{width:60px;height:60px}.microsoft-logo{width:54px;height:54px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}