:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#f8fafc;line-height:1.45}body{margin:0;min-height:100vh;display:flex;flex-direction:column}.hero{background:linear-gradient(135deg,#0f7668,#14b8a6);color:#fff;padding:1.5rem 1.25rem 2rem}.hero h1{margin:0 0 .5rem;font-size:1.5rem}.lead{margin:0;max-width:40rem;font-size:.95rem;opacity:.95}#app{flex:1;padding:1.25rem;max-width:28rem;margin:0 auto;width:100%;box-sizing:border-box}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000f}label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem;color:#475569}input{width:100%;box-sizing:border-box;padding:.5rem .6rem;border:1px solid #cbd5e1;border-radius:8px;margin-bottom:.65rem}button{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600;font-size:.9rem}.btn-primary{background:#0f7668;color:#fff;width:100%;margin-top:.35rem}.btn-secondary{background:#e2e8f0;color:#334155;width:100%;margin-top:.5rem}.btn-tier{background:#fff;color:#0f7668;border:2px solid #0f7668;width:100%;margin-top:.5rem}.msg{font-size:.88rem;color:#475569;margin:.5rem 0 0}.msg.ok{color:#166534}.msg.err{color:#b91c1c}.foot{text-align:center;font-size:.8rem;padding:1rem;color:#64748b}.foot a{color:#0f7668}.legal{max-width:40rem;margin:0 auto;padding:1.25rem}.legal a{color:#0f7668}