*{box-sizing:border-box}body{margin:0;background:#f3f5f7;font-family:Arial,sans-serif;color:#20252b}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:#fff;width:100%;max-width:520px;padding:28px;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.08)}h1{margin:0;font-size:26px}.sub{color:#66717c;margin:8px 0 22px}label{display:block;font-size:14px;font-weight:600;margin:15px 0 7px}input{width:100%;height:48px;border:1px solid #cbd2d9;border-radius:10px;padding:0 13px;font-size:16px;outline:0}input:focus{border-color:#1677ff}.tipo{display:flex;gap:10px}.tipo label{flex:1;border:1px solid #cbd2d9;border-radius:10px;padding:13px;margin:0;font-weight:500}.tipo input{width:auto;height:auto}button{width:100%;height:50px;margin-top:23px;border:0;border-radius:10px;background:#1677ff;color:white;font-size:17px;font-weight:700}button:disabled{opacity:.6}#msg{display:none;margin-top:14px;padding:12px;border-radius:10px;white-space:pre-wrap}#msg.ok{display:block;background:#e9f8ef;color:#146c35}#msg.err{display:block;background:#fff0f0;color:#a51d2d}small{display:block;margin-top:14px;color:#777}@media(max-width:480px){.card{padding:20px}.container{padding:8px}}