*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#f4f7f9;color:#1a2b3c;line-height:1.6}
.wrap{max-width:640px;margin:0 auto;padding:16px;min-height:100vh;display:flex;flex-direction:column}
.card{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:28px 24px;margin:12px 0}
h1{font-size:1.55rem;color:#112;margin-bottom:12px;line-height:1.25}
h2{font-size:1.25rem;color:#112;margin:18px 0 8px}
p{color:#33475b;font-size:1.02rem}
.progress{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin:6px 0 18px}
.progress span{display:block;height:100%;background:#2f7cf6;transition:width .3s}
.opt{display:block;width:100%;text-align:left;background:#fff;border:2px solid #d6e0ea;border-radius:10px;padding:14px 16px;margin:8px 0;font-size:1.02rem;color:#1a2b3c;cursor:pointer;transition:.15s}
.opt:hover{border-color:#2f7cf6;background:#f0f6ff}
.btn{display:block;width:100%;background:#2f7cf6;color:#fff;border:0;border-radius:10px;padding:15px;font-size:1.08rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;margin-top:8px;transition:.15s}
.btn:hover{background:#1f66d6}
.btn.ghost{background:#eef2f6;color:#1a2b3c;font-weight:500}
.txt{display:block;width:100%;border:2px solid #d6e0ea;border-radius:10px;padding:14px;font-size:1.02rem;margin:8px 0}
.meta{font-size:.82rem;color:#7a8ba0;text-align:center;margin-top:18px}
.hidden{display:none}
ul{list-style:none;padding:0}
ul li{padding:8px 0 8px 26px;position:relative;font-size:1rem}
ul li:before{content:"✓";color:#2f7cf6;position:absolute;left:0;font-weight:700}
.tag{display:inline-block;background:#e9f0fb;color:#2f7cf6;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}
.big{font-size:1.6rem;font-weight:700}