body{font-family:Arial,sans-serif;background:#f4f6f9;margin:0;padding:0}
.wrap{max-width:620px;margin:40px auto;padding:20px}
h1{text-align:center;margin:0 0 10px}
.card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.08)}
label{display:block;margin-top:14px;font-weight:700}
input{width:100%;padding:10px;margin-top:6px;border:1px solid #d7dbe2;border-radius:8px}
.btn{margin-top:16px;width:100%;padding:12px;background:#0b5ed7;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700}
.btn:disabled{opacity:.6;cursor:not-allowed}
.note{margin-top:12px;font-weight:700}
.note.ok{color:#0a7a2f}
.note.err{color:#b00020}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#e9eefc;color:#203a7a;font-size:12px;font-weight:700}
.sub{color:#333;line-height:1.5;margin:0 0 14px}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:14px}
.rules{margin-top:12px;background:#f1f3f6;border:1px solid #e1e5ec;padding:12px;border-radius:10px}
.rules-body ol{margin:10px 0 0 18px}
.rules-body li{margin:7px 0;line-height:1.45}
.foot{margin-top:14px;text-align:center;color:#666;font-size:12px}