*{box-sizing:border-box}body{margin:0;background:#f2f5f8;color:#203044;font:18px system-ui,sans-serif}header{background:#18354b;color:#fff;padding:24px}header a{color:#fff}nav{display:flex;gap:24px;flex-wrap:wrap}main{max-width:1000px;margin:35px auto;padding:0 20px}h1{margin:0;font-size:28px}h2,h3{margin-top:0}a{color:#176d65}.panel{background:#fff;border-radius:12px;padding:28px;box-shadow:0 3px 15px #0000000c}.login{max-width:460px;margin:auto}label{display:block;margin:20px 0 8px}input{width:100%;padding:13px;border:1px solid #9daab5;border-radius:6px;font:inherit}button{margin-top:20px;background:#176d65;color:#fff;border:0;border-radius:6px;padding:13px 22px;font:inherit;cursor:pointer;min-height:46px}.error{background:#fff0ec;color:#8b281b;padding:14px;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:24px}.card{display:block;border:1px solid #d6dee5;border-radius:8px;padding:18px;color:#203044;text-decoration:none}.card:hover,.card:focus-visible{border-color:#176d65;background:#f3faf8}.card span{color:#176d65;font-weight:600}.muted{color:#526575;font-size:16px}@media(max-width:600px){body{font-size:17px}header{padding:18px}h1{font-size:24px}main{margin:18px auto;padding:0 12px}.panel{padding:18px}.grid{grid-template-columns:1fr}}

select,textarea{display:block;width:100%;padding:13px;border:1px solid #9daab5;border-radius:6px;font:inherit;background:#fff;color:#203044}
textarea{resize:vertical}.spaced-panel{margin-top:20px}.success{background:#eef8f4;padding:14px;border-radius:6px;color:#1c6041}.requests{padding-left:22px}.requests li{margin:12px 0}