*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:#fafafa;color:#111;line-height:1.5}
.site-header{padding:48px 16px;text-align:center}
.site-header h1{font-size:40px;margin:0 0 8px}
.site-header h1 span{color:#2563eb}
.tagline{color:#555;margin:0}
.card{max-width:760px;margin:24px auto;padding:24px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.affirmation{font-size:28px;margin-bottom:16px;min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 8px}
.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.btn{border:1px solid #ddd;background:#fff;border-radius:999px;padding:10px 16px;cursor:pointer}
.btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}
.btn:hover{filter:brightness(.98)}
.controls{display:flex;justify-content:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}
select{background:#fff;border:1px solid #ddd;color:#111;border-radius:10px;padding:8px 12px}
.about,.legal,.content{max-width:760px;margin:16px auto;padding:0 16px;color:#444}
.site-footer{padding:24px 16px;text-align:center;color:#666}
.site-footer nav{margin-bottom:8px}
.site-footer a{color:#2563eb;text-decoration:none;margin:0 8px}
.ad-wrap{max-width:760px;margin:0 auto 16px auto;padding:0 16px}
.ad-box{min-height:90px;margin:0 auto 12px auto;display:flex;align-items:center;justify-content:center;background:#f6f6f8;border:1px dashed #ddd;border-radius:12px;color:#777;font-size:14px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.kv div{background:#f7f7fb;border:1px solid #eee;border-radius:8px;padding:8px;font-size:12px;color:#444}
h2{color:#222}
