*{box-sizing:border-box}body{margin:0;background:#eef1f6;color:#12233f;font:16px system-ui,sans-serif}main{max-width:900px;margin:36px auto;padding:28px;background:#fff;border-radius:18px;box-shadow:0 8px 34px #12233f20}header{border-bottom:3px solid #fa5200;padding-bottom:16px}h1{margin:10px 0;color:#01336f}h2,h3{color:#01336f}a{color:#01336f}section{margin-top:24px}form{display:grid;gap:16px;max-width:560px}label{display:grid;gap:6px;font-weight:600}input,select{font:inherit;padding:12px;border:1px solid #aab6cb;border-radius:8px;width:100%}button{font:inherit;background:#01336f;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}button:hover{background:#012554}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #cdd3e2;border-radius:9px;padding:12px;margin:8px 0}li button{flex:none}#message:not(:empty){padding:12px;background:#fbf0da;border-radius:8px}dialog{border:0;border-radius:14px;box-shadow:0 15px 45px #12233f55;max-width:500px;width:calc(100% - 32px)}dialog::backdrop{background:#12233f99}#revealed{display:block;font-size:20px;word-break:break-all;margin-top:14px}@media(max-width:600px){main{margin:0;min-height:100vh;border-radius:0;padding:18px}li{flex-direction:column;align-items:stretch}}
