:root{font-family:Arial,Helvetica,sans-serif;color:#17324e;background:#f2f7fc}*{box-sizing:border-box}body{margin:0}header{background:#173b63;color:#fff;padding:18px 24px}header a{color:#fff;text-decoration:none}main{max-width:980px;margin:40px auto;padding:0 20px}.hero{background:white;border-radius:20px;padding:32px;box-shadow:0 6px 28px #12345a13}.brand{display:flex;align-items:center;gap:14px}.brand img{width:64px;height:64px;object-fit:contain;border-radius:12px}.eyebrow{color:#4b7299;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em}h1{font-size:clamp(28px,5vw,46px);margin:12px 0}h2{margin-top:0}.muted{color:#5c6e80}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button,button{background:#173b63;color:white;border:0;border-radius:10px;padding:13px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.button.secondary{background:#e4eef8;color:#173b63}input,select,textarea{display:block;width:100%;border:1px solid #b5c6d8;border-radius:10px;padding:12px;margin:8px 0 16px;font:inherit}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.tile{background:#fff;border:1px solid #dae6f2;border-radius:14px;padding:20px}.status{padding:10px 14px;background:#e8f3fc;border-radius:10px;margin:15px 0}.error{background:#fff0f0;color:#a32929}@media(max-width:500px){main{margin:20px auto}.hero{padding:22px}}