:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#111827;background:#f4f6f8}
*{box-sizing:border-box}body{margin:0;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;background:#111827;color:white}
.brand{display:flex;gap:12px;align-items:center}.logo{width:44px;height:44px;border-radius:13px;object-fit:cover;display:block}
h1{margin:0;font-size:21px}header p{margin:2px 0 0;font-size:12px;opacity:.75}
main{max-width:720px;margin:auto;padding:18px 14px}.hero{background:white;border-radius:24px;padding:22px;box-shadow:0 8px 30px #00000012}.tag{font-size:11px;font-weight:800;letter-spacing:.12em}
h2{font-size:28px;line-height:1.1;margin:12px 0 18px}.tip{padding:20px;border-radius:18px;background:#eef2ff;font-size:18px;line-height:1.55;min-height:120px}
.blurred{filter:blur(7px);user-select:none}.hidden{display:none!important}.install,.primary,#submit{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}
.install{background:white;color:#111827}.primary{width:100%;margin-top:14px;background:#111827;color:white;font-size:17px}
#lock{margin-top:16px;padding:16px;border:1px solid #e5e7eb;border-radius:16px}.payrow{display:flex;gap:8px;margin-top:12px}input{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:11px;padding:13px;font-size:15px}#submit{background:#111827;color:white;white-space:nowrap;min-height:46px}#submit:disabled{opacity:.65;cursor:wait}
small{display:block;margin-top:10px;color:#6b7280}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.grid article{background:white;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:7px}.grid b{font-size:15px}.grid span{font-size:13px;color:#6b7280}footer{text-align:center;color:#6b7280;font-size:12px;padding:24px}
@media(max-width:480px){h2{font-size:24px}.grid{grid-template-columns:1fr}.payrow{flex-direction:column}#submit{width:100%}}