*{box-sizing:border-box}
body{margin:0;background:#fff;color:#111;font:22px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
main{max-width:760px;margin:0 auto;padding:20px 16px 80px}
h1{font-size:2.1rem;margin:.2em 0}h2{font-size:1.5rem;margin:0 0 .5em}
.lead{font-size:1.15rem}
section{border:3px solid #222;border-radius:14px;padding:18px;margin:22px 0}
label{display:block;font-weight:700;margin:14px 0 6px}
textarea,input[type=text],input[type=password]{width:100%;font:inherit;padding:12px;border:3px solid #333;border-radius:10px;color:#000;background:#fff}
textarea:focus,input:focus,button:focus{outline:4px solid #f5a300;outline-offset:2px}
.choice{display:flex;align-items:center;gap:14px;font-weight:600;padding:10px 0}
.choice input{width:34px;height:34px;flex:none}
.btn{font:inherit;font-weight:700;border-radius:12px;padding:14px 22px;border:3px solid #111;cursor:pointer;background:#fff;color:#111;margin:8px 0}
.btn.big{display:block;width:100%;font-size:1.3rem;padding:20px}
.green{background:#0a6b2b;color:#fff;border-color:#0a6b2b}.blue{background:#0b4fa8;color:#fff;border-color:#0b4fa8}
.btn:disabled{opacity:.6;cursor:wait}
.row{border-top:2px dashed #888;padding-top:10px;margin-top:10px}
.row .btn{padding:8px 14px;font-size:1rem}
.msg{font-weight:700;min-height:1.5em;margin:4px 0 14px}
.msg.ok{background:#e3f6e8;color:#064d1e;border:3px solid #0a6b2b;border-radius:10px;padding:12px}
.msg.err{background:#fde8e8;color:#8a0000;border:3px solid #b00000;border-radius:10px;padding:12px}
.demo{background:#fff6d6;border:3px solid #a07400;border-radius:10px;padding:12px}
.small{font-size:1rem}.rules{margin-top:14px;font-size:1rem}.rules summary{cursor:pointer;font-weight:700}
#versions li{margin:10px 0}
.phones{border:3px solid #0b4fa8;border-radius:10px;padding:8px 14px;margin:14px 0}.phones p{margin:6px 0}.phones a{color:#0b4fa8;font-weight:700;white-space:nowrap}