:root{font-family:Arial,Helvetica,sans-serif;color:#18243b;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{background:#fff;border-bottom:1px solid #dce4ef;padding:20px max(20px,calc((100vw - 960px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;gap:16px;align-items:center}.logo{width:95px;border:3px solid #0868d8;color:#0868d8;font-size:24px;font-weight:900;line-height:1;text-align:center;padding:5px 2px}.logo small{display:block;background:#0868d8;color:white;font-size:9px;letter-spacing:1px;padding:5px 0;margin-top:4px}h1{font-size:24px;margin:0}header p{margin:4px 0;color:#607088}#status{font-size:12px;color:#52637a}main{max-width:960px;margin:0 auto;padding:28px 20px 55px}.intro{background:#0868d8;color:white;padding:26px;border-radius:16px;margin-bottom:22px}.intro h2{margin:0 0 9px}.intro p{line-height:1.55;margin:0}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile,.panel{background:white;border:1px solid #dce4ef;border-radius:14px;padding:23px;text-decoration:none;color:#18243b;box-shadow:0 2px 6px #14223b0a}.tile{display:flex;flex-direction:column;gap:12px;min-height:155px}.tile strong{font-size:19px}.tile span{color:#4c5c73}.tile em{font-style:normal;font-size:12px;color:#0868d8;margin-top:auto}.tile.disabled{opacity:.6;pointer-events:none}.notice{border-left:4px solid #0868d8;padding:14px;background:#e9f1fd;line-height:1.5;margin-top:24px}.panel{margin:14px 0;line-height:1.5}button{background:#0868d8;color:white;border:0;border-radius:10px;padding:12px 20px;font-size:16px;cursor:pointer}footer{text-align:center;color:#607088;padding:22px;font-size:13px}@media(max-width:600px){.tiles{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}