*{box-sizing:border-box}body{margin:0;background:#f2f4f7;font-family:Arial,Helvetica,sans-serif;color:#1f2933}.page{max-width:640px;margin:40px auto;padding:28px 32px;background:#fff;border-radius:12px;box-shadow:0 2px 10px#0000000f}header h1{margin:0 0 4px;font-size:26px}.subtitle{margin:0 0 24px;color:#616e7c;font-size:14px}label{display:block;margin:18px 0 6px;font-weight:700;font-size:14px}input,textarea{width:100%;padding:10px 12px;border:1px solid#cbd2d9;border-radius:8px;font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:#1a5fb4}.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (width<=480px){.counts{grid-template-columns:1fr}}.hint{margin-top:4px;color:#7b8794;font-size:12px}button{margin-top:24px;width:100%;padding:12px;background:#1a5fb4;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}button:hover{background:#164f96}button:disabled{background:#9aa5b1;cursor:default}.status{margin-top:20px;padding:12px 14px;border-radius:8px;font-size:14px}.status.ok{background:#e3f9e5;color:#207227}.status.error{background:#ffe3e3;color:#ab091e}.hidden{display:none}