:root{font-family:system-ui,sans-serif;color:#163943;background:#f3f7f6}*{box-sizing:border-box}body{margin:0}header{background:#103c43;color:white;display:flex;justify-content:space-between;padding:20px}header a{color:white;font-size:24px}main{max-width:1100px;margin:auto;padding:24px}form,article{background:white;border:1px solid #d6e3df;border-radius:12px;padding:20px;margin:12px 0}label{display:grid;gap:6px;margin:8px 0}input,select,textarea,button{font:inherit;padding:12px;border:1px solid #829d9a;border-radius:6px;max-width:100%}button{cursor:pointer;background:#14645e;color:white;margin:4px}nav,.cards{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cards article{flex:1;min-width:150px}a{color:#09655e;margin-right:14px}textarea{width:100%;min-height:80px}pre{white-space:pre-wrap;overflow-wrap:anywhere}article{overflow-wrap:anywhere}#login{max-width:420px}#message{color:#9c3028}[hidden]{display:none!important}@media(max-width:500px){main{padding:14px}nav>*{width:100%}.cards article{min-width:120px}button{min-height:44px}}