body{font:16px/1.6 'Segoe UI',Arial,sans-serif;background:#f4f6f5;color:#20323b;margin:0}main{max-width:640px;margin:auto;padding:24px}label{display:block;margin:14px 0}input,select,textarea,button{font:inherit;box-sizing:border-box;min-height:46px;width:100%;padding:10px;border:1px solid #cbd6dc;border-radius:8px;background:#fff;color:#20323b}button{background:linear-gradient(110deg,#ffda73,#ffc21a);color:#111b22;border-color:#e4b437;font-weight:700;cursor:pointer}textarea{min-height:100px}article{background:white;padding:16px;margin:12px 0;border:1px solid #dce3e5;border-radius:10px}a{color:#725016}#message{white-space:pre-wrap}article button{margin-top:12px}.offline-brand{display:flex;align-items:center;gap:12px;padding:20px max(24px,calc((100% - 592px)/2));background:linear-gradient(145deg,#111b22,#070d12);border-bottom:1px solid #edc47133;color:#fff}.offline-brand img{border-radius:50%;object-fit:contain}.offline-brand>span{font-size:25px;font-weight:800;line-height:1.2}.offline-brand strong{color:#ffc21a}.offline-brand small{display:block;font-size:7px;letter-spacing:1px;font-weight:500;color:#bec8ce;margin-top:5px}:is(a,button,input,select,textarea):focus-visible{outline:3px solid #af7b12;outline-offset:3px}h1{font-size:28px;line-height:1.25;letter-spacing:-.7px}main>p{font-size:14px;color:#5c6e78}