body{font-family:system-ui,sans-serif;background:#eef3f8;color:#20324b;margin:0}main{max-width:680px;margin:32px auto;padding:24px;background:white;border-radius:16px}section{border-top:1px solid #dce4ee;padding:16px 0}h1{font-size:26px}h2{font-size:19px}p{line-height:1.7}label{display:block;margin:12px 0}input{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #acb9cc;border-radius:6px;font-size:16px}button{padding:12px 20px;background:#315d9e;color:white;border:0;border-radius:7px;font-size:16px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.tag,#status{padding:14px;background:#e6f3ef;border-radius:8px}.note{font-size:14px;color:#55657a}@media(max-width:700px){main{margin:10px;padding:18px}}