.contract-reminder{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:15px 18px;border:2px solid #9d1f22;background:linear-gradient(135deg,#7f1118,#b32a28 58%,#8f171a);color:#fff7df;box-shadow:inset 0 0 0 3px #d5a947;border-radius:4px}.contract-reminder p{margin:4px 0 0}.seal{display:inline-grid;place-items:center;width:50px;height:50px;border:2px solid #f1cd71;border-radius:50%;color:#f7d987;font-weight:800;line-height:1.1;text-align:center}.contract-reminder .light{margin-left:auto;background:#f7d987;color:#7f1118;border-color:#f7d987}.login{min-height:100vh;display:grid;place-items:center;background:#fafaf6}.login .modal{width:min(420px,calc(100vw - 32px))}.login .modal img{max-width:150px;margin-bottom:18px}.login label{display:grid;gap:6px;margin:12px 0}.login input,.modal input,.modal textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1}.modal textarea{min-height:140px}.modal h2{margin-top:0}.modal .form-grid label{display:grid;gap:5px;margin:8px 0}.modal .paste{width:100%;box-sizing:border-box}.modal-backdrop{z-index:30}.notes-content{white-space:pre-wrap;line-height:1.85}@media(max-width:700px){.contract-reminder{align-items:flex-start;flex-wrap:wrap}.contract-reminder .light{margin-left:0}}